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

13 comments:

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

Shawn H Parker on April 21, 2020 at 8:08 PM said...

norton.com/setup The Norton licence key is a alpha numeric-letters in order code accompany Norton’s membership. Go to the rear of membership card and locate your 25 digits code. Utilization of Norton item key at norton.com/setup to confirm your membership.

nortonhelpline on April 27, 2020 at 6:20 PM said...

I really happy found this website eventually. Really informative and inoperative, Thanks for the post and effort! Please keep sharing more such blog.

norton.com/setup

Charter.net

www.norton.com/setup

roadrunner email login

James Tech on May 11, 2020 at 12:16 PM said...

Very nice blog post, it is informative and i subscribed this blog for all its future post. there are some useful links, i think i must share here.
McAfee.com/activate,
www.mcafee.com/activate,
www.mcafee.com/activate total protection,
www.mcafee.com/activate product key

John Shaw on May 23, 2020 at 6:24 PM said...

This is really great work. Thank you for sharing such a useful information here in the blog. I have something to share here.
mcafee.com/activate |
www.mcafee.com/activate

James Tech on July 6, 2020 at 3:42 PM said...

Its really amazing post thanks for sharing with us i also have something for you knowledgeable related post. I am Sharing this link.
McAfee.com/activate,
www.mcafee.com/activate,
www.mcafee.com/activate total protection,
www.mcafee.com/activate product key

advik on December 16, 2020 at 6:25 PM said...

Great post and I got extremely information from your article. I appreciate your work and requesting you to please keep posting other articles and like you, I am also here to provide information about office.com/setup So if you need and if you want to download Microsoft office and you don’t know how to install properly on your devices so you can go here and download office office.com/setup and if you facing any problem this is help to reach you out.

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 |