Need to have two fading images on one page..newbie,help
Hi guyz i have been trying this whole day to have another fade in image on the same page, but so far im very unlucky. Since im a newbie, im really struggling to get this thing going. I would be really appreciated if anyone could take little time to figure this out for me pls.
Below codes and all woks fine, only thing is i can't/don't know how to have another image on the same page.
Downloaded Jquery
http://jqueryjs.googlecode.com/files/jquery-1.3.2.js
My head tag
<script type='text/javascript' src='images/jquery.js'></script>
My HTML Body Tag
<!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>
<title>jQuery Hover Effect</title>
<script type='text/javascript' src='jquery.js'></script>
<script>
$(document).ready(function(){
$("img.a").hover(
function() {
$(this).animate({"opacity": "0"}, "slow");
},
function() {
$(this).animate({"opacity": "1"}, "slow");
});
});
</script>
<style>
div.fadehover {
position: relative;
}
img.a {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}
img.b {
position: absolute;
left: 0;
top: 0;
}
</style>
</head>
<body>
<div class="fadehover"><div><img src="HTML1.png" alt="" class="a" /></div><div><img src="HTML2.png" alt="" class="b" /></div>
</body>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</html>
___________________________________________
Please save me and thanks in Advance...
Shiran