[Snippet] MiniGallery 3 - Featuring LightBox JS

This snippet is based on the work "EtoGal" by Frank Siegert (hugelmopf / hugelmpopf [at] web [dot] de).
The original snippet can be found and discussed at the etomite forums: http://www.etomite.org/forums/index.php?showtopic=3022

This snippet has been updated to correct an error in which credit to the original author(s) of the snippet was unintentionally left out. Please re-download the zip file if you are using this snippet. Alternately, consider an upgrade to MaxiGallery [ http://modxcms.com/forums/index.php/topic,3843 ], which is a much more refined and feature rich image gallery snippet.

I have been reading a lot about this LightBox JS around the MODx forums and I thought, wouldn’t it be cool to integrate that into a MODx gallery snippet. I have MiniGallery running on most of my sites, so I decided to start there. I added some code to the MiniGallery snippet (With a lot of help from Mark Kaplan the PHP God!) and added the proper paths to the lightbox.js code.
Just add these lines somewhere between the <head> and </head> of your MODx template



You can see it in use at my website:

http://www.scottydelicious.com/photos/minigallerytest.html

Enjoy,

-sD-
scotty Delicious

***Edit***
I have edited the INSTALL.txt file to include the instructions above for calling the css and js files from the head of your html document. I also added the folder assets/galleries/ with instructions in the INSTALL.txt document.

-sD-
scotty Delicious

Nice work.

Excellent!

Waow, this is cool

Thanks !
I’ll go toy with that...

Excellent... just what MiniGallery was missing! Good job!

sure it’s easy for you but not for people like me and maybe in the install document you have to introduce
that we have to put in the template


thanks for your work

Maybe you could use [tt]regClientStartupScript()[/tt] and [tt]regClientCSS()[/tt] like I do in my script. Although you need to apply fixes to [tt]/manager/includes/document.parser.inc.php[/tt] before you can get that to work.

This way,



only gets called when it needs to be.

Quote from: nissai at Mar 03, 2006, 07:08 AM

sure it’s easy for you but not for people like me and maybe in the install document you have to introduce
that we have to put in the template

       
<link media="all" type="text/css" href="assets/js/lightbox/lightbox.css" rel="stylesheet" />
<script type="text/javascript" src="assets/js/lightbox/lightbox.js"></script>

thanks for your work

Thank you for pointing that out. This is a very important step that I missed. I added it to the first post, and I will add it to the INSTALL.txt as soon as I get home today.

thanks

-sD-

Very cool!! great work Scotty!!

Very nice!