Question

我想在我的网站上使用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)}
      );
    }

Answer 1

不确定你的意思... 我真正想要的是，当你遇到一张“悬停”的图片时，有一张关于该图片的图案就像。（所有图像都是这种模式。）这句话对我来说没有意义。请澄清......
我不明白为什么你需要重写插件内部。
如果我理解正确，您希望使用单个自定义图像作为src属性的一部分传递给imghover插件。要做到这一点，只需确保它在正确的位置并指定它的完整路径。

因此，例如，您在/images/image01.png中有图像，并且您将用于所有图像的悬停图像位于/images/hover.png中，您可以... $（ “IMG”）imghover（{SRC： “/图片/ hover.png”}）;在你的窗口加载事件处理程序或$（function（）{...} jQuery等效。

再次确保包含完整路径。而不仅仅是hover.png。

参见我做过的示例here。我必须引入imghover的完整源代码并将其作为内联脚本填充，因为由于某种原因我无法直接从存储库中流式传输，但我没有修改插件内的任何内容。

Image Hover jQuery插件如何工作？

1 个答案: