Shadowbox上記サイトをまずご覧ください。
自分のブログでは適用できなかったので(かなり残念)デモも使用方法も詳しく書けません。このShadowboxでは、画像のオーバーレイ表示だけではなく・・
●動画(YouTube/Google Video/拡張子「mov」「mpeg4」「wmv」など)
●Flash(Flash Video/拡張子「swf」など)
●Webサイト(これは驚き!)こんなにも活用できる素晴らしいJavaScriptなのです。リンク先のWebサイトをオーバーレイ表示させても、その中のリンクなども勿論有効で、また更にオーバーレイ・・・というユニークなこともできる。
また、Lightboxと違う点としてフレームワークが、prototypeだけではなく複数あること。その他のフレームワークとして・・
●prototype●jQuery●mootools●YUI(Yahoo! User Interface Library) ...etc
記事一番上の「Shadowbox」リンクからJavaScript・css・imagesなどを一式ダウンロードし、サーバにアップロード。フレームワークをどれか選び(自分はprototype)アップロード。アップしたJavaScriptやフレームワークを呼び出すScriptも記述。最後、対象画像のrel属性にshadowboxを入れて終了。
とりあえずやれることはやったが、実装できず。誰かFC2Blogで実装できた方、教えてください・・・。(自分は理解力乏しいのでわかりやす〜く教えてください;)
■2008年4月20日実装できました。現在のお気に入りは「Shadowbox」と「Highslide」で固定しました。「Shadowbox」では、Webサイトのポップアップや画像のスライドショー的な表現を。「Highslide」では、純粋にサムネイル画像をコンパクトに、そして拡大表示をクールにしたいという要件を満たすようにしました。

ランキング参加中☆クリック投票お願いします




ブログランキングサイトに登録中です
人気ブログランキング P-NETBanking ブログの殿堂 ブログ王ランキング