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 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

Norton.com/setup on May 20, 2019 at 12:34 AM said...

www.avg.com/retail – We need to share the important thing that we are the third party and provide independent support service and if you face any issue or trouble during the process you may contact AVG tech support to activate or install AVG products. You just need to fill the required blanks in form and our AVG Support will contact you as quick as possible.

123.hp.com/setup | www.avg.com/retail

smith warner on June 14, 2019 at 4:33 PM said...

Hello, I'm Smith Warner. If you are facing issues with mcafee(mcafee.com/activate), norton(norton.com/setup) and office(office.com/setup) product. then you can visit my website.

Norton.com/setup on July 19, 2019 at 10:54 PM said...

QuickBooks Tech Support Phone Number - If you are looking for a top-grade Accounting and Financial Management software, QuickBooks should be your first choice. It is the most recommended software by Accountants and Bookkeepers all over the world. One of the core reason behind this popularity is the 24×7 available QuickBooks Support services from the toll-free QuickBooks Tech Support Phone Number. QB is highly trustable software and it seldom runs into errors and issues. If in an event, any error pops-up on your screen, simply, dial the toll-free QuickBooks Support Number. Your call will be picked up by an Intuit Certified QuickBooks ProAdvisor who is certified to provide services from the toll-free QuickBooks Support Phone Number.

Canon Printer Tech Support Phone Number | HP Printer Tech Support Phone Number | Norton Tech Support Phone Number

mathewanderson202 on September 4, 2019 at 8:52 PM said...

What a superb post! I have no words to describe this post because everthing is clear with your wonderfull words. I really feel out for world reading your post, it is full of fresh and usefull. I really appreciate, keep the work continue.

norton.com/setup ! www.norton.com/setup ! office.com/setup

James Boond on September 21, 2019 at 3:14 PM said...

I am very happy after reading this fantastic Article, I appereciate your work.

norton.com/setup | www.norton.com/setup

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 |