単一画像のlightboxを作成するには、imgタグに【data-imagebox】属性を追加して完了です。
lightboxに複数の画像を表示するには、画像に【data-imagebox="gallery" 】属性を追加します。
lightboxに小さな画像から大きな画像を表示する必要がある場合。
【data-imagebox-description】属性で画像の説明を定義することもできます。
完全形の例。
フォトギャラリーサンプル【デモ】メニュー
- Lightboxに画像をグループ化する軽量なJavaScriptプラグイン【ImageBox】
- レスポンシブjQueryImage＆ビデオギャラリー【Unite Gallery】
- あらゆるブラウザに対応！【Lightbox】
- Vanilla JavaScriptでズーム可能な画像ギャラリー【vanilla-zoom.js】
- シンプルで軽量なグリッドギャラリー【Grid Gallery 】
- モバイル対応レスポンシブギャラリー【HesGallery】
- サムネイルクリックで画像が入れ替わる レスポンシブギャラリー 【responsive gallery gh pages】
- CSS ポップアップ フォトギャラリー【zoomwall.js】
- レスポンシブ ポラロイドギャラリー【Vintalight】