# Dreamweaver multiple rollover effect

**URL:** <https://forum.kirupa.com/t/dreamweaver-multiple-rollover-effect/26216>\
**Category:** Uncategorized\
**Created:** [July 21, 2003, 1:36am UTC](https://forum.kirupa.com/t/dreamweaver-multiple-rollover-effect/26216 "2003-07-21T01:36:52Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Xtreme](https://avatars.discourse-cdn.com/v4/letter/x/f05b48/32.png) [@Xtreme](https://forum.kirupa.com/u/Xtreme)\
**Post date:** [July 21, 2003, 1:36am UTC](https://forum.kirupa.com/t/dreamweaver-multiple-rollover-effect/26216/1 "2003-07-21T01:36:52Z")

</div>

Havn’t done this one in a while.

I have 4 different options and when you rollover any one of them it changes the one preset image to relate to the chosen button. So only one image with 4 options is used.

Thanks for your help guys!!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 21, 2003, 2:27am UTC](https://forum.kirupa.com/t/dreamweaver-multiple-rollover-effect/26216/2 "2003-07-21T02:27:02Z")

</div>

in DW go to insert, interactive images, navigation bar :beam:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 21, 2003, 2:29am UTC](https://forum.kirupa.com/t/dreamweaver-multiple-rollover-effect/26216/3 "2003-07-21T02:29:20Z")

</div>

thanks! I’m going to go give it a try.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 21, 2003, 2:30am UTC](https://forum.kirupa.com/t/dreamweaver-multiple-rollover-effect/26216/4 "2003-07-21T02:30:57Z")

</div>

I can make individual rollovers but I need one that all four will be used to change the ONE graphic. CAN I do THAT with the rollover you said 'cause there’s no option for that when I go in.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 21, 2003, 3:21am UTC](https://forum.kirupa.com/t/dreamweaver-multiple-rollover-effect/26216/5 "2003-07-21T03:21:17Z")

</div>

If I understand this correctly…  
If possible you can do that in Fireworks… Its called a … something rollover :beam:

Okay okay, serously… its pretty easy in Fireworks… just desing your buttons… and the place where the rollover will be. Then go to “Slice View” (so you can see ur slices) and using the Hand, click and drag the centers to the roll over…

Then go to stage two of your files… and insert the rollover image…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 21, 2003, 3:47am UTC](https://forum.kirupa.com/t/dreamweaver-multiple-rollover-effect/26216/6 "2003-07-21T03:47:36Z")

</div>

Thanks so much for your reply RussianBear! I’ve run across some coding since thoug and since I dont have that program on my computer yet I might as well use it now. Just for reference purposes for others, I’ll post the code here.

HOW TO DO A SINGLE IMAGE ROLLOVER W SEVERAL OPTIONS:

```php

<P><A HREF="javascript:;"
onMouseOver="document.homeLink2.src='images/home_on.gif'" 
onMouseOut="document.homeLink2.src='images/home_off.gif'"
>OVER HERE!</A></P> 
<P><IMG SRC="images/home_off.gif" WIDTH="81" HEIGHT="41" 
BORDER="0" NAME="homeLink2"></P>

```