テンプレ「ページ内に直近閲覧履歴を表示しサイトの利便性を向上」のカスタマイズ

テンプレート「ページ内に直近閲覧履歴を表示しサイトの利便性を向上」のカルーセル型を使い、接客を作成しています。
この、カルーセル画像にマウスをホバーさせたときに、Amazonの商品ページのように画像を拡大表示させたいです。
プラグイン「elevatezoom」を使って実装を試みているのですが、
カルーセルの1枚目の画像しか拡大されない状態です。
これをカルーセルすべての画像に適用させるためにはどう記述すればいいでしょうか?

コードは画像を参照していただければと思います
Script

html

jQueryプラグインの利用方法になるので、なんとも言えないですが・・

まず1つは、zoomをIDとして入れてしまうと、CSSセレクタとしては不正なもの(おなじIDの要素が複数存在する)になってしまうので、クラスとして指定することをおすすめしたいです。

それだけで改善する可能性もあるかなと思いました!

クラスとして指定したら改善されました!
ありがとうございます!

1 Likes