Ive used a ton of different lightbox scripts from ones ive written myself to widely used ones but i cant seem to find one that meets all of my requirements
So far Ive given colorbox and slimbox2 a close look but each one lack a different feature that i need. I’ve also looked at a few others but they have lacked even more than these two.
- Must have typical Lightbox2 effect – ie. animating expand/contract of dimensions as each photo is loaded.
- Must support multiple images and navigating through those images in the modal (prev/next)
- Must support options for minimum height/width OR have a hard limit to the size of viewport
- Must have title bar or event hooks where i could inject in a title bar
- Must be able to invoke the window from code passing in the collection of image data. The images or anchors pointing to them will not be in the DOM at all. This is actually loading a sub-gallery of images that correspond to a “splash” image that is in a Supersized slideshow. (see usage example)
Usage example:
$('#supersized a[href]').click(function(e){
/*
* href is something like:
* gallery.php?gallery=parentGallery/subGallery
*/
e.preventDefault();
$.getJson($(this).attr('href'), function(json){
$.thelighboxfunc(json.images);
};
});
In the end we decided to impose maximum dimension requirements or the content creators. This removed the maxHeight/maxWidth requirement from the lightbox library and we were then able to go with Slimbox2.