HTML, XHTML & CSS

76
Part IV: Scripting and (X)HTML
Figure 16-10: HTML source code for our lightbox example.
5. Create a link to launch the lightbox.
In this example (see Figure 16-11), we use a small image to launch a
larger one.
Figure 16-11 shows how the lightbox looks on the Web page when
completed. You can also view it online at www.dummieshtml.com/
examples/ch16/lightbox.
Here’s the magic part: We add some JavaScript to enable the lightbox to
work with jQuery.
6. Enter the following code into the head section of your document:
$(document).ready(function() {
$(“a#example”).fancybox({
‘titleShow’: true
});
});