Feb 10, 2014

How to Create a Rollover Image in Dreamweaver

A rollover image is an image that changes to some other image when you or your customer rolls the mouse over it. These are commonly used to create an interactive feel such as buttons or tabs. But you can create rollover images out of just about anything. 

  • Start Dreamweaver
  • Open the web page where you want your rollover

  • Go to the Insert menu and down to the “Image Objects” sub-menu.
  • Select “Image rollover” or “Rollover image”
Dreamweaver pops a dialog box with the fields you need to fill in to create your rollover image.
  • Image Name
    Choose an image name that is unique for the page. It should be all one word, but you can use numbers, underscores (_) and hyphens (-). This will be used to identify the image to change.
  • Original Image
    This is the URL or location of the image that will start out on the page. You can use relative or absolute path URLs in this field. This should be an image that exists on your web server or that you’ll upload with the page.
  • Rollover image
    This is the image that will appear when you mouse over the image. Just like the original image, this can be an absolute or relative path to the image, and it should exist or be uploaded when you upload the page.
  • Preload rollover image
    This option is selected by default because it helps the rollover appear more quickly. By choosing to preload the rollover image, the Web browser will store it in a cache until the mouse rolls over it.
  • Alternate text
    Good alternate text makes your images more accessible. You should always use some type of alternate text when adding any images.
  • When clicked, go to URL
    Most people will click on an image when they see one on a page. So you should be in the habit of making them clickable. This option allows you to specify the page or URL to take the viewer to when they click on the image. But this option isn’t required to create a rollover.
When you’ve completed all the fields, click OK to have Dreamweaver create your rollover image.

Kindly Bookmark this Post using your favorite Bookmarking service:
Technorati Digg This Stumble Stumble Facebook Twitter


Sankar lp on March 6, 2017 at 2:57 PM said...

I have read your blog its very attractive and impressive. I like it your blog.

can you please the concept of canonical concept?

SEO Company in India SEO Services in India

Vale Co Xenia on November 23, 2018 at 5:27 PM said...

Great Article
IEEE Final Year Projects for CSE Final Year Project Centers in Chennai

Post a Comment

Blog Archive


Break Time

Protected By

Break Time

| Trick Builder (TB) © 2012. All Rights Reserved | Contact | About | Powered by My Blogger Blab (MBB) | Design by Midhun | Back To Top |