1

我有一个用于 Magento 的 jcarousel 插件，可以显示特色产品。当您将鼠标悬停在图像上时，它会显示更大版本的图像。*在那个更大的版本中，左上角有一个（星号）。

这有点难以解释，您可以在http://www.dooor.nl/上将鼠标悬停在页面中间的旋转木马上（新闻通讯上方，移动滑块下方）。

我不知道它是如何到达那里的，它不在原始插件中。问题是我无法使用 firebug 访问它以查看它的来源，因为我无法选择悬停的图像。

编辑：这是原始插件：http ://www.hellothemes.com/demo/?theme=hellowear 。你可以看到没有星号。

4

2 回答 2

6

它在你的图像上——如果你在 Photoshop 的左上角看，有一个小的星号形区域是透明的。由于预览的背景是深灰色，因此它穿过图像并且看起来像一个星号。

如果您不想自己修复所有图像，可以将其添加到 CSS 中：

#preview img {
    background-color: white;
}
于 2012-08-10T09:51:27.897 回答
1

试试这个：

转到这个文件

<script type="text/javascript" src="http://www.dooor.nl/skin/frontend/default/tribeca/js/imgpreview.js"></script>

c并从此行中删除：

jQuery("body").append("<div id='preview'><img src='"+ this.rel +"' alt='Loading' /></div>");

此外，要使悬停的图像停留在此位置，请在同一文件中注释掉整个部分：

jQuery("a.preview").mousemove(function(e){
        jQuery("#preview")
            .css("top",(e.pageY - xOffset) + "px")
            .css("left",(e.pageX + yOffset) + "px");
    });

这样，您可以将鼠标悬停在图像上并通过 Firebug 检查其 CSS。让我知道你发现了什么

于 2012-08-10T09:49:30.240 回答