上記の広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書く事で広告が消せます。TipsJavaScriptCSSShadowbox以下の記事で実装方法やサンプルを掲載しました。●Shadowbox実装手順今回は、このShadowboxを使った応用として、複数の画像をグループ化してまとめる手法を紹介したいと思います。グループ化することで、拡大した画像の下に「Close」だけではなく、「Previous」と「Next」リンクを付けてスライドショーのような演出をすることができます。サンプル画像とコードは以下の通りです。画像1つ分のコードを以下に記載します。/&gt;赤文字部分のShadowboxを扱うrel属性に[]を使うことでグループ化できます。※[]内の文字はユニークで良いが、グループ化するには同じ文字を入力ください青文字部分のtitleは、付けても付けなくても問題ありません。Commentsちょ。テンプレート上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。