目錄中的縮放功能（不在產品頁面中）

我在Magento 1.6.2上。我想要在目錄頁面中具有縮放功能。當客戶在產品圖片上懸停時，應該顯示一個像這樣的大圖片http://demo.superdit.com/jquery/zoom_hover/。請注意，我不希望這在產品頁面，只在目錄中。目錄中的縮放功能（不在產品頁面中）

我有fancybox和jquery這可能與這些庫？我不想使用另一個擴展名，如果這可能與所提到的庫。

Fancybox不會給你這個功能，但是我已經整合了fancybox和magiczoom plus，並且根本沒有問題。在生產中運行了一段時間。

需要任何指針給我留言。

2012-04-24 08:00:10 RubbleFord

謝謝您的回覆。如果可能的話，我一定會選擇沒有額外的擴展解決方案。 – user1197199 2012-04-24 08:14:08

您改變了magiczoom中的示例，就像我在回答中提到的那樣。爲了達到這個結果，你可以使用圖像切換並在jQuery中使用動畫功能。 – RubbleFord 2012-04-24 08:53:55

你有一個關於如何實現的例子代碼？這只是magento有點複雜，所以我不知道圖像應該存儲在哪裏，或者我應該遵循的命名模式，以便每個圖像都有其匹配的（質量更好的）圖像。 – user1197199 2012-04-26 10:03:04

我結束了使用CSS：懸停選擇器更改圖像的尺寸，使其更大，並與偏移量放置它，使其看起來像縮放。

下面是代碼：

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

2012-05-03 13:41:57 user1197199

回答