button text picture change

Good Afternoon,
If possible could someone please assit me in getting this to work.

What i am after is when you

hoover over a button, the button(changes colour) picture and text changes.

3 columns
1st 2nd 3rd
button text picture

I have similar code (below) where you hoover over the text and the picture changes for example.

http://webdesign.friendsworld.co.uk/location/index.html
(the above website is in working progress)


Any help or time spent on this matter is greatly appreciated


Cheers
Daniel

I'm not sure I get it but ... if it's what I think it is ... you don't need JS

Fast Rollovers Without Preload

I like the information that you have left above, and am going to incorporate it, into future work.

Sorry, now i have read my first post again it not that clear.

3 divs 1st with "button" 2nd with "text" 3rd with Picture

hoover over the button for new text and picture to appear


Cheers Dan

Ah ... Now I get ... disjointed rollovers I believe they are called.

Try:

http://bonrouge.com/~disjointed1
http://bonrouge.com/~disjointed_text

This link you provided is half way there. Just need to implement a picture into it (button Picture and txt)

http://bonrouge.com/~disjointed_text

I am going to have a play with it tonight, see what happens

Cheers

Well ... I'm not sure how to have both the picture and the text to show up on hover so you might need JS for that

function change(){
this.innerHTML = 'changed text'; // change the text
document.getElementById('yourimg').src ='yourimage'; //change image
this.style.color = 'pink'; //change text color
}

then

onmouseover="javascript:change();"

Thank you all

Cheers
Dan