css greyscale hover

Out of context: Reply #5

  • Started
  • Last post
  • 22 Responses
  • Mishga0

    that last piece of code?
    $(document).ready(function() {

    $("ul.gallery li").hover(function() { //On hover...

    var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'

    //Set a background image(thumbOver) on the <a> tag - Set position to bottom
    $(this).find("a.thumb").css({'ba... : 'url(' + thumbOver + ') no-repeat center bottom'});

    //Animate the image to 0 opacity (fade it out)
    $(this).find("span").stop().fade... 0 , function() {
    $(this).hide() //Hide the image after fade
    });
    } , function() { //on hover out...
    //Fade the image to full opacity
    $(this).find("span").stop().fade... 1).show();
    });

    });

    Mishga 0Permalink
    UpvoteDownvote
    Flag
    • yeah that's it. i want the effect to happen on the images inside a div called #projectforcetwelve
    Show [[ numHiddenNotes ]] more notesAdd Note
    SaveCancel

View thread