HTML Help??
- Started
- Last post
- 20 Responses
- ********
In HTML, i would like to create buttons that effect images when you rollover. ie. as the user rolls over the individual buttons, the main image changes.
This is probably a very simple script/bit of code but i have never used this before.
Can anyone please be of assistance.
Thanks.
- weestu0
this may be a bit more complicated than what you're looking for:
http://www.cssplay.co.uk/menus/e…view the source to see how it works...
- ********0
You could use Dreaweaver to apply this if you're new to the coding.
- ********0
How do you apply this in Dreamweaver? What is this action called?
- kev_charlton0
this might help you...
- ********0
"Swap Image"
- ********0
"swap image"?
I just typed it into the help menu and it said no topics found.
Are you teasing me?
- kelpie0
on DW? look in the 'behaviours' bit...
- ********0
Ah!!
I know how to create 'swap image' now, thanks.
What i need to know is how to apply the swap image to a link/button on the same page.
"Disjointed rollover" ???
- kelpie0
can you look at the code it generates and change the image path to the image you want to swap? (sorry, don't know js)
- ********0
Do you mean a text state? Like an underline or bg colour on a link when you roll over it?
- ********0
Disjointed rollover - making an image swap when another image/button is rolled over.
- kelpie0
or do you mean an image area with [say] 3 swapping images controled from 3 different buttons?
- ********0
i think you've nailed it kelpie!
e.g.
rollover red button and image01 appears, rollover green button and image02 appears, rollover blue button and image03 appears etc etc
- ********0
Still DW fella... just choose another image in the Swap Image list to change that one.
- Nairn0
give the image you want to swap a name and id (eg. 'zz').
In the link you want to act as 'switch' include the following code:
onMouseOver="zz.src='xx.jpg';"
- Nairn0
..that's the 'simplest' way I can think of, but it doesn't include any form of image preloading (!)
- ********0
I'm close, but i've got the wrong images swapping in the wrong places!!!
GGRRRRRR!!!!
I know i'll kick myself 50 times when i finally get this working!!!!
- Nairn0
RoyBoy, check your mail.
- ********0
Thanks Nairn!!!!!
I'll give it a shot and let you know if i am successful.Thank again!! :)
- stewart0
eehhr... related: