0

我想在我的网站上使用Image Hover插件。

因为我只用了一周的jQuery，所以我不是很熟练。我想要的是以下内容：

在我的网站上，我创建了各种缩略图，显示我的项目的预览。我真正想要的是，当你遇到一张“悬停”的图片时，该图片有一种模式。（这种模式在所有图像中的意思。）有人可以帮我实现代码吗？

这将是褪色的一部分：

    if(opt.fade){
      var offset = node.offset();
      var hover = node.clone(true);
      hover.attr('src', hoverImg);
      hover.css({
        position: 'absolute',
        left: offset.left,
        top: offset.top,
        zIndex: 1000
      }).hide().insertAfter(node);
      node.mouseover(
        function(){
          var offset=node.offset();
          hover.css({left: offset.left, top: offset.top});
          hover.fadeIn(opt.fadeSpeed);
          node.fadeOut(opt.fadeSpeed,function(){node.show()});
        }
      );
      hover.mouseout(
        function(){
          node.fadeIn(opt.fadeSpeed);
          hover.fadeOut(opt.fadeSpeed);
        }
      );
    }else{
      node.hover(
        function(){node.attr('src', hoverImg)},
        function(){node.attr('src', orgImg)}
      );
    }
4

1 回答 1

0

  1. 不知道你的意思是什么......我真正想要的是，当你遇到一张“悬停”的图片时，有一个关于该图片的模式。（这种模式在所有图像中的意思。） 这句话对我来说没有意义。请说清楚...

  2. 我不明白你为什么需要重写插件内部。

  3. 如果我对您的理解正确，您想使用单个自定义图像作为 src 属性的一部分传递给 imghover 插件。为此，只需确保它位于正确的位置并指定它的完整路径。

    因此，例如，您的图像在 /images/image01.png 中，而将用于所有图像的悬停图像在 /images/hover.png 中，您可以这样做......类似于 $(" img").imghover({src:"/images/hover.png"}); 在您的窗口加载事件处理程序或 $(function() {...} jQuery 等效项中。

    同样，确保包含完整路径。而不仅仅是 hover.png。

请参阅我在此处所做的示例。我不得不引入 imghover 的完整源代码并将其作为内联脚本放入，因为由于某种原因我不能直接从存储库中流式传输它，但我没有修改插件内的任何内容。

于 2011-02-17T20:29:02.630 回答