Revitalizing your links with rollover images!
The classic internet link: blue, underlined, times new roman…boring.
Rollover images offer a refreshing, visually pleasing alternative to the typical run-of-the-mill link. When the cursor moves over the link (an image in this case), a second, preloaded image pops up – signaling the user the link is clickable. These images can be photos, text, anything that can be loaded as a JPG or PNG image.
From Adobe Dreamweaver:
- click insert, located on the toolbar on the top of the screen.
- Navigate to image object –> rollover image.
- From the dialogue box that appears, enter the proper credentials, selecting: “original image,” “rollover image,” and “when clicked, go to URL.” Which specify the default image displayed, the image that appears with the cursor, and the destination of the link.
- The link image size can be adjusted from the Dreamweaver’s Design view, where click-drag-expand capabilities are enabled.