Luckyrare
24-07-2006, 07:31 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body,td,th {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#on {
float:left;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
border: 1px solid #0000CC;
margin: 10px;
width: 100px;
}
#off {
float:left;
border: 1px solid #000000;
margin: 10px;
width: 100px;
}
#show {
width: 250px;
border: 1px solid #000000;
}
</style></head>
<body>
<div id="show"><img src="tape.jpg" height="100%" width="100%" /></div>
<div id="on" onmouseover="id='off'" onmouseout="id='on'"><img src="tape.jpg" height="100%" width="100%" /></div>
<div id="on" onmouseover="id='off'" onmouseout="id='on'"><img src="tape.jpg" height="100%" width="100%" /></div>
</body>
</html>
I am working on a ebay page, anyway I am wanting to have like a gallery on the item where people can change the picture (Like what ebay has)...
Anyway I am lost on how I should change the image in the div (id show)
If anyone can help me out, or link me to a tutorial on doing this please do.
*NO SOURCE CODES PLEASE*
Thanks x)
EDIT: I know this isn't Valid XHTML, I will make it valid once I have it working
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
body,td,th {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#on {
float:left;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
border: 1px solid #0000CC;
margin: 10px;
width: 100px;
}
#off {
float:left;
border: 1px solid #000000;
margin: 10px;
width: 100px;
}
#show {
width: 250px;
border: 1px solid #000000;
}
</style></head>
<body>
<div id="show"><img src="tape.jpg" height="100%" width="100%" /></div>
<div id="on" onmouseover="id='off'" onmouseout="id='on'"><img src="tape.jpg" height="100%" width="100%" /></div>
<div id="on" onmouseover="id='off'" onmouseout="id='on'"><img src="tape.jpg" height="100%" width="100%" /></div>
</body>
</html>
I am working on a ebay page, anyway I am wanting to have like a gallery on the item where people can change the picture (Like what ebay has)...
Anyway I am lost on how I should change the image in the div (id show)
If anyone can help me out, or link me to a tutorial on doing this please do.
*NO SOURCE CODES PLEASE*
Thanks x)
EDIT: I know this isn't Valid XHTML, I will make it valid once I have it working