O'Reilly logo

MooTools 1.3 Cookbook by Jay Larry G. Johnston

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Launching a lightbox image from a thumbnail

When a thumbnail is clicked, let's launch a lightbox to show a larger version of the image.

Getting ready

We are working off the previous recipe; be sure to familiarize yourself with the concepts of the scrolling thumbnail list. Here we will add a pop-up-like lightbox overlay that will show a full version of any thumbnail image in our scrolling thumbnail display.

Getting ready

How to do it...

Continue the previous recipe and make it better by launching a lightbox on mouse-click. Style the lightbox such that the overlay uses a semi-transparent PNG image to partially obscure the background of the page.

<script type="text/javascript" ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required