08時39分はじめに多くのウェブサイトでは、画像のポップアップやスライドショーはごく当たり前のように出来るようになっています。そこで今回は、当サイトでも使用しているJQueryプラグインのLightbox2の使用方法を解説します。作業の前提条件は、下記のとおりです。lightbox2.6.zipをダウンロードし、解凍します。lightbox2.6.zipCSSファイルの設定Lightbox2のスタイルシートを、HTMLファイル中に指定します。</head>jsファイルの設定Lightbox2のjsファイルを、HTMLファイル中に指定します。表示する画像ファイルを、HTMLファイル中に指定します。ここでは、lightbox/img/demopage中の画像を指定します。alt="image-6"></a>ページを表示して、画像をクリックすると元画像がポップアップ表示されます。</body></html>デモは、018-1.htmlからご覧頂けます。ファイルは、018-1.zipからダウンロードできます。画像のポップアップはできましたが、スライドショーができていませんので、画像を指定する際のdata-lightboxを同じ名前に変更します。ここでは、demoとしています。alt="image-6"></a>ページを表示して、画像をクリックすると前後の画像を表示できるようになります。</body></html>デモは、018-2.htmlからご覧頂けます。ファイルは、018-2.zipからダウンロードできます。