Displaying Lightbox icons in a table like display

Adds a Lightbox slideshow to your products.
Post Reply
norman
Site Admin
Posts: 1252
Joined: Sat Feb 07, 2004 9:55 pm

Displaying Lightbox icons in a table like display

Post by norman »

Use the following CSS (add it to the bottom of the Actinic Stylesheet):

Code: Select all

#lbtable {
	width:200px;
	text-align:center;
	}
#lbtable span {
	height:100px;
	vertical-align:middle;
	}
#lbtable img {
	margin: 2px;
	padding: 2px;
	border:1px solid silver !important;
	}
And make the following settings to Settings / Site Options / Properties / Lightbox:

Code: Select all

LightBoxIconHeight: 90
LightBoxIconWidth: 50
LightBoxIconPrefix: <br/><div id="lbtable"><span>
LightBoxIconSeparator: </span><span>
LightBoxIconSuffix: </span></div>
Then I get a layout like this
lightboxtable.jpg
lightboxtable.jpg (13.84 KiB) Viewed 10342 times
And here it is with an odd number of images
lightboxtable2.jpg
lightboxtable2.jpg (13.99 KiB) Viewed 10338 times
Norman
Post Reply