カタログのズーム機能（製品ページではない）

私はMagento 1.6.2を使用しています。カタログページにズーム機能が必要です。お客様が商品画像の上にカーソルを置くと、次のような大きな画像が表示されます。http://demo.superdit.com/jquery/zoom_hover/ 商品ページには、カタログでのみ表示したくありません。カタログのズーム機能（製品ページではない）

私はファンシーボックスを持っており、Jqueryはこれらのライブラリで可能ですか？上記のライブラリでこれが可能な場合は、別の拡張機能を使いたくないです。

ファンシーボックスはこの機能を提供していませんが、fancyboxとmagiczoom plusの両方を統合しており、全く問題はありませんでした。プロダクションでしばらく走っていた。

私に叫びを与えてくれるポインタが必要です。

2012-04-24 08:00:10 RubbleFord

ありがとうございますお返事のために：ここで

はコードです。可能ならば、私は間違いなく余分な拡張ソリューションを使うつもりはありません。 – user1197199

あなたは私の答えで言及したようにmagiczoomからの例を変更しました。その結果を得るには、画像スイッチを使用し、jQueryのアニメーション機能を使用することができます。 – RubbleFord

これをどのように実装できるかに関するサンプルコードがありますか？ちょうどマゼンタはちょっと複雑なので、イメージがどこに保存されるべきか、それとも私が従うべき命名パターンがわからないので、すべてのイメージが一致するもの（より良い品質のイメージ）を持つようになります。 – user1197199

CSS：hoverセレクタを使用して画像のサイズを変更して、画像を大きくし、ズーミングのようにオフセットで配置しました。

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

2012-05-03 13:41:57 user1197199

答えて