Thumbnails lightbox addon

[fredxeric]

Version 1.0.0 ß
Last update: 02/29/2008

Demo: here (http://dev.lafaille.ca/lightbox/)

download: here (http://www.pixelpost.org/extend/addons/thumbnails-lightbox/)

Don't forget to write a review here (http://www.pixelpost.org/extend/addons/thumbnails-lightbox/reviews/#write)

[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]

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

[mahones]

nevermind Fred, I found the files, I'm an idiot and didn't see the rest of the files.

My apologies for wasting your time, I should be able to get it working now

Mahones

[fredxeric]

no problem maybe It will serve someone else one time in the futur...

[kaneda]

This addon work with "Horizon" default template?

i try but doesn't work :(, i modified lightbox.js and lightbox.css

thanks for your time

Alessandro

[fredxeric]

it is working with simple template...

I will have to write the howto but I dont have time right now.

but it can work on what ever template you build

[killpolitic]

Dear Fred
I m not so strong with engligh but having problems with your addon.

i found in your addon only the file "lightbox.pxp".
I uploaded your file and enabled it.
No we have only add your tag <LIGHTBOX_THUMBNAILS> in my file "browse_template" isn't it???

But i think this instructions are not completed, now i read should be also a file lightbox.js ?? where we tale it? and a new css??

Sorry for misundestanding but i wish you explain better how your addon works,
Thank you

Kill