jQueryプラグインは数多く存在します。今回は、Boxerを紹介をします。Boxerのページからデモファイルをダウンロードして、Boxerを実装するのに必要なファイルをサーバーにアップロードします。ファイルは、jquery.fs.boxer.min.js、jquery.fs.boxer.css、jquery.fs.boxer-icons.png、jquery.fs.boxer-loading-dark.gif、jquery.fs.boxer-loading.gifです。head要素に読み込ませる。boxerを指定します。boxerを指定する事で一括指定にする事もできます。0.75;}CSSでは、閉じるボタンやナビゲーションボタン、ローディング画像の指定、拡大表示した際のオーバーレイの設定が主になると思います。これだけの記述でサムネイルをクリックすると画像を拡大表示してくれます。jQueryプラグインを公開しているようです。1サムネイルをクリックすると拡大表示されます。100});});リンク先の画像を表示させる際にウィンドウサイズに対するマージンを画像に指定できます。2Boxerにはギャラリー機能がありサムネイルを拡大表示させた状態でナビゲーションによる画像の切り替えができます。data-gallery="gallery"を指定するとギャラリー機能が有効になります。data-gallery="gallery-1"、data-gallery="gallery-2"のように分ける必要があります。JavaScriptの指定はありません。title属性を追加するとキャプションとして使用する事ができます。formatterオプションを指定する。