Pretty Photo Test

Top Line contains thumbnail (or normal image) that calls the gallery up  

 

to get multiple images delete the thumbnail reference in the code.

Rename each page gallery differently.

 

Top Line contains thumbnail (or normal image) that calls the gallery up  

 

 

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 cutting perfect curves

 

 

We Welcome Your Comments

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


Custom Search

Stained Glass Mil


facebook badge