3

我正在尝试创建一个悬停动作，该动作会带来彩色图像，并且一旦悬停被移除，它就会淡入其原始图像。

在这个论坛上的 Funka 和 Brad 的帮助下，我让它在第一张图片中消失了，但是我需要让它在你悬停时消失。

目前它将图像淡出到什么都没有，然后淡入新的图像。无论我是否悬停，这都会保持原位。

我喜欢它，所以看起来彩色图像正在从黑白图像中淡出，而在淡入之前淡入为 0……以及在移除悬停后恢复。

任何帮助，将不胜感激。 

//Loop through the images and print them to the page
   for (var i=0; i < totalBoxes; i++){
    $.ajax({
     url: "random.php?no=",
     cache: false,
     success: function(html) {
      // following line I originally suggested, but let's make it better...
      //$('#bg').append(html).fadeIn('slow');
      // also note the fine difference between append and appendTo.
      var $d = $(html).hide().appendTo('#bg').fadeIn('slow');
      $('img', $d).hover(function() {
       var largePath = $(this).attr("rel");
       $(this).fadeOut("slow", function() {
        $(this).attr({ src: largePath }).fadeIn("slow");
       });
      });
     }
    });
   }
4

2 回答 2

1

您的悬停仅具有鼠标悬停功能-在鼠标悬停时执行某些操作...

$('img', $d).hover(function() {
    //This is the mouseover function
    var largePath = $(this).attr("rel");
    $(this).fadeOut("slow", function() {
        $(this).attr({ src: largePath }).fadeIn("slow");
    }
    );
},
function() {
    //This is the mouseout function!  Do something here!
});
于 2009-11-05T22:34:36.257 回答
0

我真的不知道 jQuery，但如果我一直在使用下面的代码，并且听起来像你可能想要的。我将它与精灵图像一起使用来阻止某些浏览器中出现的烦人的闪烁。 

$(function() {
    $(".fadebtn")
    .find("span")
    .hide()
    .end()
    .hover(function() {
            $(this).stop(true, true).find("span").fadeIn(600);
    }, function() {
            $(this).stop(true, true).find("span").fadeOut(200);
    });
});
于 2011-11-03T07:48:14.290 回答