Page 1 of 1

Displaying a title below the Lightbox icons.

Posted: Thu Jun 23, 2011 11:00 am
by norman
This tweak is for Lightbox V3 and is provided for guidance only. The icons are usually quite small and displaying text under them will be ugly and is not a designed in capability.

Edit layout Lightbox Image List and look for:

Code: Select all

				$lbiconcode .= "$separator<a href=\"$LightBoxImage\" rel=\"lightbox-$ProductAnchor\" title=\"$title\">"
				   . "<img border=0 src=\"$ScaledIconName\" width=\"$LightBoxIconWidth\" height=\"$LightBoxIconHeight\""
				   . " alt=\"$title\" /></a>";

Replace it with:

Code: Select all

				$lbiconcode .= "$separator<div style=\"text-align:center;\"><a href=\"$LightBoxImage\" rel=\"lightbox-$ProductAnchor\" title=\"$title\">"
				   . "<img border=0 src=\"$ScaledIconName\" width=\"$LightBoxIconWidth\" height=\"$LightBoxIconHeight\""
				   . " alt=\"$title\" /><br />$title</a></div>";
It will probably only work best where your lightbox icons are lined up vertically. You can try changing the style on the DIV to get other arrangements. Or use post viewtopic.php?f=17&t=309 to make a table like display and then try the tweak above.

For use on Fragments, do something similar to layout Fragment Lightbox Image List.