ZenphotoCMS Forum
jQuery lightbox used with Default theme - Printable Version

+- ZenphotoCMS Forum (https://forum.zenphoto.org)
+-- Forum: Support (https://forum.zenphoto.org/forum-1.html)
+--- Forum: Plugins (https://forum.zenphoto.org/forum-6.html)
+--- Thread: jQuery lightbox used with Default theme (/thread-5304.html)



jQuery lightbox used with Default theme - VeeUniT - 2009-06-09

Since I'm not really familiar with coding, I would like to know the exact procedure to integrate this http://leandrovieira.com/projects/jquery/lightbox/ with the "default" theme on zenphoto.

My plan would be to use lightbox as soon as you click the thumbnail...

Any help would be really appreciated... I really don't want to f*cked up my website...

P.S. this is for www.joallard.com

thanks




jQuery lightbox used with Default theme - VeeUniT - 2009-06-09

I've got the latest version (1.2.5) of Zenphoto btw.




jQuery lightbox used with Default theme - benchfrooser - 2009-06-10

Error 403 - Forbidden
Strato-Webspace?

Ah you mean http://joallard.com/zenphoto/

You have to edit the /zenphoto/themes/default/album.php file. But you should have knowledge of HTML and PHP.
The "How to use" on the lightbox page is selfexplane.




jQuery lightbox used with Default theme - VeeUniT - 2009-06-11

yeah sorry I've changed the location since then to merge the root of joallard.com with autoviewer instead.

Some explanations on the lightbox page are a bit mixed up in my head...

"So, include just these two javascript files in your header.

"

This is okay.

"Include the CSS file responsible to style the jQuery lightBox plugin.

"

Do I have to add this to the header section as well ? or replace this line




jQuery lightbox used with Default theme - acrylian - 2009-06-11

You can skip the line `` as Zenphoto features jQuery aas default libary anyway in all standard themes.

Leave the line `




jQuery lightbox used with Default theme - VeeUniT - 2009-06-11

thank you very much




jQuery lightbox used with Default theme - VeeUniT - 2009-06-11

okay now my header looks like :




jQuery lightbox used with Default theme - acrylian - 2009-06-11

You should call the lightbox jquery js after `` because this will load the main jquery file.

Regarding enabling you need to follow the instructions on the lightbox site. Please also do a forum search as all these lightbox work similar and we have already lots of threads about that.




jQuery lightbox used with Default theme - VeeUniT - 2009-06-11

Okay, done.

I've searched over the forum to find out some slimbox and thickbox input, I'm a bit more advanced right now...

Since I want the lightbox to be effective when clicking thumbnail, I modified the album.php file as this ->

I replaced the

            " title="">

With

            " rel="jquery.lightbox-0.5[]" title="">

This is my present header:

 | 



jQuery lightbox used with Default theme - acrylian - 2009-06-11

You really should look at the examples on their site carefully. Under part 2 of the examples you see some jquery code to call the lightbox plugin.




jQuery lightbox used with Default theme - VeeUniT - 2009-06-12

I've checked the examples... I also check the source code on some pages that has thickbox and lightbox working... can't make it work.

www.joallard.com/zenphoto if someone wants to check it out...