Linking Thumbnails to Images
A very similar technique to using images to label links is to use thumbnails, or miniature versions of your images and then link them to larger ones. You can load a lot of small pictures quickly and let your visitor choose which ones they’d like to see full size.
Figure 6.24. Remember to use the full-size image in the link and the thumbnail in the image definition.
To link a thumbnail to a larger image:
1. | Type <a href="image.jpg">, where image.jpg is the location of the full-sized image on your server (see page 35).
|
2. | Type <img src="mini.jpg", where mini.jpg is the location of the thumbnail version of the image ... |
Get HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.