写真の見せ方にワンポイントアクセント！拡大画像ギャラリー — WEB-PARK.ORG | サイト制作に使用した自作jQueryコードのご紹介

今回は撮った写真にワンポイントアクセントをつける、拡大画像ギャラリーの紹介です。 先日、広島城を撮影したので、城を紹介するのに便利だと思い作成しました。 もちろんjQueryを使用しています。 サンプルを見る HTMLの基本構成 HTMLは、 クリックされる写真画像 拡大させる箇所のアンカーリンク 拡大後の画像 で構成されています。 クリックした際に拡大させる画像は、Javascriptで制御をします。 HTMLソース <div id="EnlagePhoto"> <p><img src="../img/img_enlarge.jpg" /></p> <div id="linkEnlarge"> <a class="link01" href="#enlarge01">1の画像を拡大させる</a> <a class="link02" href="#enlarge02">2の画像を拡大させる<