Question

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

有点难以解释，当你将鼠标悬停在页面中间的caroussel上时（在动态滑块下方的新闻简报上方），你可以在http://www.dooor.nl/上看到它。

我不知道它是如何实现的，它不在原始插件中。问题是我无法通过萤火虫访问它，看看它来自哪里，因为我无法选择悬停的图像。

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

Answer 1

它在你的图像上 - 如果你在Photoshop的左上角看，有一个透明的小星号形区域。由于预览的背景为深灰色，因此它会显示在图像中，看起来像星号。

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

#preview img {
    background-color: white;
}

Answer 2

试试这个：

转到此文件

<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。让我知道你发现了什么

悬停图像时奇怪的星号？

2 个答案: