lightboxを使い、複数画像をグループ化して表示しています。
(設置は完了しており、動作確認も大丈夫です。)
「slideshow.html」に各グループの画像をまとめて表示して、
「index.html」で呼び出しています。
やりたい事は、下記の通りです。
「index.html」の「group01」「group02」が「〇」箇所にリンクさせている
「image01.jpg」「image02.jpg」も「slideshow.html」にまとめたい。
「〇」は、テキストではなく「input type="button"」とかでも
大丈夫です。
「index.html」にgroup01がまた出てきたりするため、
このままだと「image01.jpg」が何枚も表示されてしまうため。
難しい場合は、data-lightbox名を「group01-2」などに変更する形も考えたのですが、
「slideshow.html」にも同じ量のコードを書きたくないのです……。
cssのクラスのように複数書けるといいのですが。。
■index.html <table><tr> <td><a href="image01.jpg" data-lightbox="group01">〇</a></td> <td><a href="image02.jpg" data-lightbox="group02">〇</a></td> </tr></table> <?php include 'slideshow.html'; ?>
■slideshow.html <a href="image01-2.jpg" data-lightbox="group01">〇</a> <a href="image01-3.jpg" data-lightbox="group01">〇</a> <a href="image01-4.jpg" data-lightbox="group01">〇</a> <a href="image02-2.jpg" data-lightbox="group02">〇</a></td> <a href="image02-3.jpg" data-lightbox="group02">〇</a></td> <a href="image02-4.jpg" data-lightbox="group02">〇</a></td>
宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/03/22 09:09