ショッピングサイトに使えそうなJqueryプラグイン「elevateZoom」 | SHINGO IRIEECサイトでよくみかけるような、マウスオーバーでの写真拡大機能を実装できるJqueryプラグイン「elevateZoom」。商品によっては使いドコロが多そうです。 拡大パターンもいろいろ マウスオーバーすると、横に拡大表示されます。 マウスオーバーしたところだけ、虫眼鏡のように拡大されるパターンもあり。 導入方法まず、スクリプトを読み込みます。 <script src='jquery-1.8.3.min.js'></script> <script src='jquery.elevateZoom-2.5.5.min.js'></script> <img id="zoom_01" src='images/small/拡大前.jpg' data-zoom-image="images/large/拡大後.jpg"/> 拡大前の画像と、拡大後の画像を準備して上記のように記述します。 最後に、実行する
