Question:

How to make a picture change on click without javascript

by | earlier

does anyone know how to make a picture change when you click it, and then change back when you click it again? preferably without javascript if possible

Tags:

Report

Answer The Question I've Same Question Too

Follow Question

4 ANSWERS

Sort By: Date | Rating

Can do it without clicking and using CSS and mouseover if that would work for you.

Ron
Report (0) (0) | earlier
Y!A is still hosed - won't let me post code examples. I sent you an email that should help.

Added: trying to post the code again...

<html>

<head>

<style>

#rollImg {

background-image: url(image0.jpg);

height: 900px;

width: 600px;

}

#rollImg:hover {

background-image: url(image1.jpg);

height: 900px;

width: 600px;

}

</style>

<script>

// initialize imgCnt for recording which image is

// currently active in the JavaScript managed image

var imgCnt = 0;

</script>

</head>

<body>



<div id="rollImg"></div>

<p>



<img src="image0.jpg"

onclick="imgCnt = (++imgCnt)%2; this.src = (0 == imgCnt)?'image0.jpg':'image1.jpg';" />

</p>

</body>

</html>
Report (0) (0) | earlier
Try these that I have linked for you from A List Apart: http://search.atomz.com/search/?sp-q=CSS...
Report (0) (0) | earlier
You can't. You'll have to use JavaScript to do something like that.

HTML Dude's answer includes an example of how to do it (using JavaScript, which he doesn't seem to realize) that will work just fine.
Report (0) (0) | earlier