Shadowboxは、サムネイル画像のオーバーレイ拡大表示だけではなく、動画（YouTube/Flashなど）にも実装が可能なのです。そこで今回はYoutubeに適用させる方法を紹介します(●´∀｀●)
詳細（サンプルや実装の仕方）は続きです。
詳細（サンプルや実装の仕方）は続きです。
スポンサーサイト
Shadowboxは、サムネイル画像のオーバーレイ拡大表示だけではなく、リンク先のWebページにも実装が可能なのです。そこで今回はWebページに適用させる方法を紹介します(●´∀｀●)
詳細（サンプルや実装の仕方）は続きです。
詳細（サンプルや実装の仕方）は続きです。
Shadowboxを使った応用の続きです。
複数の画像をグループ化してまとめる方法で、拡大した画像の下に「Close」だけではなく「Previous」と「Next」のリンクをつけ、スライドショーのような演出をすることができます(●´∀｀●)
詳細（サンプルや実装の仕方）は続きを見てください。
複数の画像をグループ化してまとめる方法で、拡大した画像の下に「Close」だけではなく「Previous」と「Next」のリンクをつけ、スライドショーのような演出をすることができます(●´∀｀●)
詳細（サンプルや実装の仕方）は続きを見てください。
以前の記事でShadowboxの実装方法を紹介しました。
●Shadowbox：動画やサイトも実装可能なLightbox進化版
これのちょい応用編で、拡大した画像にタイトルをつけることができます。js/cssはすべて整っている（Shadowboxが動作する）こと前提で書きますので、Shadowboxを実装していない方は上記にあるリンクを参照ください。興味のない方はスルーしてくださいｗ
続きに詳細を載せましたのでど?ぞ^^
●Shadowbox：動画やサイトも実装可能なLightbox進化版
これのちょい応用編で、拡大した画像にタイトルをつけることができます。js/cssはすべて整っている（Shadowboxが動作する）こと前提で書きますので、Shadowboxを実装していない方は上記にあるリンクを参照ください。興味のない方はスルーしてくださいｗ
続きに詳細を載せましたのでど?ぞ^^
Shadowboxは、Lightboxの進化版と言っても良いかも知れません。Lightboxは静止画のサムネイルを拡大表示するビューワーでしたが、Shadowboxは動画やWebサイトの表示も同様の表示方法で開くことができる面白いJavaScriptだと思います。
これをFC2ブログで実装するのは普通じゃ難しかったのですが、色々調べ試行錯誤した結果、できました^^
サンプル・実装手順は続きにまとめました。
これをFC2ブログで実装するのは普通じゃ難しかったのですが、色々調べ試行錯誤した結果、できました^^
サンプル・実装手順は続きにまとめました。
