ダム画像を拡大表示する時には定番の見せ方なのでjQueryのプラグインも沢山ありますが、今回使うのは定番プラグイン「ColorBox」です。設置が簡単で高機能、やろうと思えば拡張性も高いです。デモデモページサムネイルクリックで画像を拡大します。拡大した画像をクリックすると次の画像へと進んでいきます。ColorboxプラグインのダウンロードColorboxここからプラグインをダウンロードします。サンプルファイルも入っています。src="jquery.colorbox-min.js"></script>jQueryプラグインなので、最初にjQueryを読み込みます。その下にjquery.colorbox-min.jsを読み込みます。ダウンロードしたファイルに含まれているcolorbox.cssもアップロードしておきます。テーマ別にcssが用意されているので気に入ったテーマのcssを使います。テーマごとにimagesフォルダが用意されいるので、それもアップロードします。画像のフォルダ構成によっては、colorbox.cssの画像指定のパスを書き換えてやる必要があります。Javascript<script>$(document).ready(function(){$(".group01").colorbox({rel:'group01'});});</script>classがgroup01のリンクをクリックすると画像を拡大表示します。指示を増やすことでグルーピングも可能です。alt=""></a>Colorbox表示したいリンクにgroup01とclass指定するだけです。titile属性は拡大時画像の下にキャプションとして表示されます。完成デモページシンプルに設置するだけならとても簡単です。テーマが複数用意されているので、自分のサイトに合ったデザインを選択する事ができます。動画にも対応していますし、オプションで切り替えの効果や速度も変えれます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。