Thumbnails lightbox addon

[fredxeric]

Version 1.0.0 ß
Last update: 02/29/2008

Demo: here

download: here

Don't forget to write a review here

[oswegan]

does it have page code in it? so when it reaches a certain number of thumbnails, it goes to page 2 etc?

[fredxeric]

no not yet, it is at stage beta and need some tweak.... I will release new version with category, tags, pages capability later.

Consider this release as a sketch

[oswegan]

That will be nice. I am currently trying to figure out how to make my simplicious browse template to have pages and page numbers, but I like your design for the thumbnails a little better.

[fredxeric]

VERSION UPDATED TO 1.0.1

Support browsing in the lightbox depending the number of picture in this category , link to the image when you click the image title in the bottom left.

[mahones]

How do I use this? Do i have to add the tag to the page somehow?

[fredxeric]

Originally Posted by mahones

How do I use this? Do i have to add the tag to the page somehow?

I will have to write an howto, I'll add this to my to do list.

You just have to enable the addon and add this tag in your page

<LIGHTBOX_THUMBNAILS>

that's it

[mahones]

Hi Fred

I tried this and now when i click on a thumbnail in the archives page it simply opens the picture in a new window with no formatting. There's no lightbox popping up.

Thanks for the help

Mahones

[fredxeric]

it is set to work with simple template, I think you will have to midified the lightbox.js

*/
// -----------------------------------------------------------------------------------

//
//	Configuration
//
var fileLoadingImage = "templates/simple/images/loading.gif";		
var fileBottomNavCloseImage = "templates/simple/images/closelabel.gif";

var overlayOpacity = 0.8;	// controls transparency of shadow overlay

var animate = true;			// toggles resizing animations
var resizeSpeed = 7;		// controls the speed of the image resizing animations (1=slowest and 10=fastest)

var borderSize = 10;		//if you adjust the padding in the CSS, you will need to update this variable

// -----------------------------------------------------------------------------------

//

var fileLoadingImage = "templates/simple/images/loading.gif";
var fileBottomNavCloseImage = "templates/simple/images/closelabel.gif";

change this line template/yourtemplatename/image..7

Also for the formating include the lightbox.css file in your browse page

<script type="text/javascript" src="templates/yourtemplatename/scripts/prototype.js"></script>
<script type="text/javascript" src="templates/yourtemplatename/scripts/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="templates/yourtemplatename/scripts/lightbox.js"></script>

copy all files in scripts and css from the simple folder I have put in the addon

[mahones]

I don't have a lightbox.js file anywhere in my templates folders or in the addon. Is this something I need to get from another site and copy over?

Thanks again for the help

Mahones