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