• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 5. Using Images > Linking Icons to External Images

Linking Icons to External Images

If you have a particularly large image, you can create a miniature version or icon of it (see page 63.) that displays quickly on the page and then add a link that leads the visitor to the full size image.

To link a small icon to your larger image:

1.
Place the cursor in your HTML page where you wish the icon to be placed.

2.
Type<A HREF="image.location">, where image.location is the location of the full sized image on your server.

3.
Type <IMG SRC="icon.location", where icon.location is the location of your icon on the server.

Figure 5.12. Remember to use the full size image in the link and the icon in the image definition.


4.
If desired, type ALT="alternate text", where alternate text is the text that should appear if, for some reason, the icon does not.

5.
Type the final > of the icon definition.

6.
Type the label text that you wish to accompany the icon. It's a good idea to include the actual size in K of the full sized image so the visitor knows what they're getting into by clicking it.

Figure 5.13. In this example, the icon is 2K and takes 2 seconds to load. The visitor can choose to view the larger image (by clicking the icon) or to continue reading the page.


7.
Type </A> to complete the link to the full sized image.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint