...

View Full Version : Jquery Fadeover Plugin



Matatiaho
01-14-2011, 03:10 AM
Jquery Fadeover tranparency image not working in IE. http://cloudedup.co.cc/under construction/ whenever I hover my mouse over the image(s) the first one has some extremely noticeable black borders. Any fixes? It's not the image, I've checked already (or maybe it is, idk).

Jquery:


$(document).ready(function(){
$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});

});


CSS:


div.fadehover {
position: absolute;
top:50px;
left:600px;
}

img.a {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}

img.b {
position: absolute;
left: 0;
top: 0;
}
HTML:


<div class="fadehover">
<a href="http://cloudedup.co.cc/under construction/"><img src="images/iMAC_based_off.png" alt="" class="a" /></a>
<a href="http://cloudedup.co.cc/under construction/"><img src="images/iMAC_based_on_2.png" alt="" class="b" /></a>
</div>

slinq
02-07-2012, 08:18 AM
Hi there,
The FadeOver effect is one I use a lot - you might find my jQuery FadeOver plugin useful:
http://slinq.com/software/fadeover/

~Kieran Simkin



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum