マニュアル
> > 第7章 主要モジュール実践活用マニュアル(各モジュールの完全攻略) > 7-2 フォトギャラリー (d3gallery) 完全マスター > 7-2-6 ギャラリーテンプレートの見た目変更(グリッド・Lightbox連動)
7 - 2 - 6 : 7-2-6 ギャラリーテンプレートの見た目変更(グリッド・Lightbox連動)
🔍 ギャラリーテンプレートのCSSグリッド・Lightbox設計(文字と画像の融合) ▲ 【図】ギャラリーテンプレートのCSSグリッド・Lightbox設計 ...
🔍 ギャラリーテンプレートのCSSグリッド・Lightbox設計(文字と画像の融合)
1
CSS Grid カラム数(3列・4列)
PCでは4列、スマホでは2列に切り替わるレスポンシブグリッド。
2
Lightboxポップアップ属性
Smartyテンプレート内の data-lightbox 属性でポップアップ動作を制御。
カスタマイズ対象テンプレート
d3gallery_main_index.html(アルバム一覧)、d3gallery_main_photo.html(写真詳細)、d3gallery_b_recent.html(トップ用ブロック)。CSSで画像のホバーエフェクト(拡大・フェード)を追加できます。
Active
2892 bytes
更新: 2026-10-31 12:19 by Tac Hisaoka