Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Dec 2010
    Posts
    24
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Jquery Fadeover Plugin

    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:

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

    Code:
    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:

    Code:
    <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>

  • #2
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile jQuery FadeOver effect

    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •