to get multiple images delete the thumbnail reference in the code.
Rename each page gallery differently.
add this to get tiltle and caption...
Here's the code for the thumbnail and the larger gallery photo...
<a href="http://www.anguilla-beaches.com/image-files/9-home-rainbow-lg.jpg" rel="prettyPhoto[outside]" title="A rare double rainbow ending right at Barth's Bay Villa must surely be an omen of good things to come.><img src="http://www.anguilla-beaches.com/image-files/9-home-rainbow.jpg" alt="Exterior Pic #7: A Double Rainbow!" width="183" height="103"></a>
Notice the white text on the black background at the top. That's created by adding the alt attribute in the thumbnail image (in the code above, 9-home-rainbow.jpg).
And notice the black text on the white background at the bottom. That's created by adding the title attribute in the gallery image (in the code above, 9-home-rainbow-lg.jpg).
So you can have what amounts to a headline at the top, and a description at the bottom, of each image in the gallery.
|Click to sign up and get your free 'Cutting Perfect Curves' eBook and the Everything Stained Glass Newsletter|
Let us know what you think about this page by leaving your comment below.
We are a participant in the Amazon Services LLC Associates Program,
an affiliate advertising program designed to provide a means for us to earn fees by
linking to Amazon.com and affiliated sites