PopEyeプラグインでイメージをズームイン/アウトする

説明補足説明コード関連書籍コメント投稿
このサンプルは、jQueryのPopEyeプラグインを利用してイメージをズームイン/アウトします。サンプルが表示されたら下にスクロールして「今月のオススメスイーツ」を表示します。マウスをスイーツのイメージに移動すると左上にナビゲーションメニューが表示されます。左右の矢印ボタンをクリックするとイメージを切り替えることができます。真ん中の[Enlarge]ボタンをクリックすると拡大表示します。拡大したイメージを元のサイズに戻すには[Close]ボタンをクリックします。※このサンプルは、iframeから実行していますのでFirefoxでご覧ください。その他のブラウザでは、正常に動作しない可能性があります。なお、iframeを使用しない場合、すべてのブラウザで動作します。

※このサンプルがお使いのブラウザで正常に動作しないときは、 ここをクリックして実行してください。