Site Map

Helps you to create rollover images within minutes. Learn some fun with Dreamweaver and use it in your web site, your visitor would love that.Images can add liveliness to a web page. You can say much in pictures. And what about some fun with pictures? Dreamweaver can help you to do this interesting job. In dreamweaver you can create roll-over images. When you mouse-over on an image or link at another place in the same page you can make an image visible.

When you mouse-out from the image or link you can make the image disappear. You might have seen this in many website and now you are going to do your-self. Follow the steps below, at the end, I can see your smiley face.First as I said let us create 2 Images,we can use Macromedia Fireworks to create the images,

In our case I have designed 4 buttons; 2 for the up state and 2 for the down state. After designing the buttons, open a new page in Dreamweaver, create a 2X1 table. Now Insert the images using, Insert>Interactive Images>Rollover Image. Browse and select the first one for the up state and the second one for the down state. I assume the images or in the proper folder). Now do it for the next Image, so that both the Images are in the first column of the table as shown in this example). Now it should look like this.

for the up state and 2 for the down state. After designing the buttons, open a new page in Dreamweaver, create a 2X1 table. Now Insert the images using, Insert>Inte

ractive Images>Rollover Image. Browse and select the first one for the up state and the second one for the down state. I assume the images or in the proper folder). Now do it for the next Image, so that both the Images are in the first column of the table as shown in this example). Now it should look like this.