Change Image on click.

[cssExp]

Let's see i have two images.

$image1 = mysql_query('SELECT `image` FROM `images` WHERE `image`=`image1.jpg`");
$image2 = mysql_query('SELECT `image` FROM `images` WHERE `image`=`image2.jpg`");

here i have, let's say $image1 showing with a image button, "image1button.jpg". When clicked either the $image1or the button, i want the image to change to $image2 and button to change to "image2button.jpg".

This should also work in reverse order. How can i go on about doing this? :)

[pbmods]

CSS, I'm surprised. I would have thought that someone who's been on TSDN as long as you have would know to use CODE tags when posting source code. Bad!

[CODE=php]
PHP code goes here.
[/CODE]

[cssExp]

sorry forgot. I was in a hurry when i typed that. :) If you look at my other posts, you'll see i always use [code]

[gits]

hi ...

you need to call a function 'onclick' of the image and the button. inside this function you will refer to the img and button with document.getElementById(); so set ids to the elements :) ... inside the function it should look like this:

var img_node = document.getElementById('your_img_id');
img_node.src = 'new_img_src.jpg';

go ahead and try something ... post back in case you have more questions about it or you need something to be more clarified ...

kind regards

[cssExp]

for some reason getElementById didn't work, but i did use its name and played with it till i got the result i wanted.

Thanks :)

[gits]

?? ... did you set an id for your elements? ... however ... glad to hear you got it working ... post back to the forum anytime you have more questions ...

kind regards