目录中的缩放功能(不在产品页面中)

时间:2012-04-23 12:00:53

标签: jquery magento

我在使用Magento 1.6.2。 我希望在目录页面中具有缩放功能。 当客户将鼠标悬停在产品图片上时,这应显示更大的图片,如http://demo.superdit.com/jquery/zoom_hover/。 请注意,我不希望在产品页面中,仅在目录中。

我有fancybox和Jquery可以使用这些库吗? 如果可以使用上面提到的库,我不想使用另一个扩展。

2 个答案:

答案 0 :(得分:1)

我最终使用了CSS:悬停选择器更改图像的尺寸以使其更大并使其偏移定位,使其看起来像缩放。

以下是代码:

:hover{
    height: 200px;
    margin-left: -55px;
    margin-top: -30px;
    position: absolute;
    width: 330px;
}

答案 1 :(得分:0)

Fancybox没有为您提供此功能,但我已经集成了fancybox和magiczoom plus,并且完全没有问题。已经在生产中运行了一段时间。

需要任何指针给我一个喊叫。