ライトボックス風グリッド
クリックで拡大する想定のサムネイルギャラリー。
使いどころ
クリックで拡大する想定のサムネイルギャラリー。
- ポートフォリオ
- フォトギャラリー
- 施工事例
- イベント風景
カスタマイズのポイント
メイソンリーは column-count でシンプルに実装可能。Lightbox / モーダル拡大表示を併設すると UX 向上。
注意点
画像は WebP 形式 + loading="lazy" 必須。多数の画像を表示するページはパフォーマンスに注意。
よくある質問
このパーツは商用利用できますか？
はい。moatway がオリジナル制作したパーツは商用・個人問わず自由にご利用いただけます。
そのまま貼り付ければ動きますか？
はい。HTML / CSS タブをそれぞれコピーすればすぐ動作します。クラス名が既存サイトと衝突する場合はリネームしてください。
JavaScript が必要なパーツはありますか？
一部のパーツ（アコーディオン・タブ切替・告知バーの閉じる機能など）は JavaScript が必要です。詳細ページの JS タブで確認できます。
ブラウザ対応は？
最新 2 世代の Chrome / Safari / Firefox / Edge で動作確認しています。