jQuery: Simplest lightbox?

Question

I'm looking for the world's simplest lightbox. All I want is an implementation that pops up a modal window in the center of the screen and requires a button or other element in the box be clicked before the box is hidden.

With so many lightbox implementations, I'm a bit overwhelmed. What's the simplest, dumbed-downest lightbox that does this right out of the box with minimal customization?

Answer 1

The one I use is called Slimbox 2. http://www.digitalia.be/software/slimbox2

It isn't the simplest, but it is substantially lighter than the original Lightbox. It's super easy to use and if you use the minified Google-hosted version of jquery, then it's pretty fast to load too. That can be found at http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js

Answer 2

There are probably as many answers as lightboxes out there but I was really happy with Fancy Box: http://fancybox.net/

It's got a great look and feel and the code is pretty minimal:

<div class="gallery">
    <a rel="group1" href="http://site/Images/1.jpg"&gt;&lt;img src="http://site/Thumbnails/1.jpg" alt="" border="0" height="47" width="100"></a>
    <a rel="group1" href="http://site/Images/2.jpg"&gt;&lt;img src="http://site/Thumbnails/2.jpg" alt="" border="0" height="49" width="100"></a>
</div>
<script type="text/javascript">
$(document).ready(function() { 
    $("div.gallery a").fancybox();
});
</script>

Answer 3

impromptu, blockui - both lightweight

Answer 4

Try ColorBox - "A light-weight, customizable lightbox plugin for jQuery 1.3".