Home > スポンサー広告 > Shadowbox:Lightboxの万能版・進化系JavaScript


スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 Comments:-

Comment Form

 Trackback+Pingback:-

TrackBack URL for this entry
http://blackcat13numbers.blog31.fc2.com/tb.php/91-b72233ed
Listed below are links to weblogs that reference
スポンサーサイト from TRASH
Trackback from TomomiX日記・Windows&Mac関連フリーソフト・オススメソフト紹介ブログ「TRASH」 2008-03-29 (土) 02:49

Lightbox実装手順

○実装手順 1.Lightbox公式サイトへ移動 2.Greybox最新版をダウンロード 3.解凍し、gifファイルをすべてアップロード 4.css/jsファイルをア... (more…)

Home > スポンサー広告 > Shadowbox:Lightboxの万能版・進化系JavaScript

Home > IT Tips > Shadowbox:Lightboxの万能版・進化系JavaScript


Shadowbox:Lightboxの万能版・進化系JavaScript

Shadowbox

上記サイトをまずご覧ください。
FC2Blogでも何とか適用できましたので、デモや使用方法などは実装手順を参照ください。このShadowboxでは、画像のオーバーレイ表示だけではなく以下のようなページや動画コンテンツにも対応しています。
●動画(YouTube/Google Video/拡張子「mov」「mpeg4」「wmv」など)
●Flash(Flash Video/拡張子「swf」など)
●Webサイト(これは驚き!)


こんなにも活用できる素晴らしいJavaScriptなのです。リンク先のWebサイトをオーバーレイ表示させても、その中のリンクなども勿論有効で、また更にオーバーレイ・・・というユニークなこともできる。

また、Lightboxと違う点としてフレームワークが、prototypeだけではなく複数あること。その他のフレームワークとして以下があります。私はYUIを利用しています。各自お好きなフレームワークを利用ください。
●prototype
●jQuery
●mootools
●YUI(Yahoo! User Interface Library) ...etc
記事一番上の「Shadowbox」リンクからJavaScript・css・imagesなどを一式ダウンロードし、サーバにアップロード。フレームワークをどれか選び(自分はprototype)アップロード。アップしたJavaScriptやフレームワークを呼び出すScriptも記述。最後、対象画像のrel属性にshadowboxを入れて終了。

■2008年4月20日
実装できました。現在のお気に入りは「Shadowbox」と「Highslide」で固定しました。「Shadowbox」では、Webサイトのポップアップや画像のスライドショー的な表現を。「Highslide」では、純粋にサムネイル画像をコンパクトに、そして拡大表示をクールにしたいという要件を満たすようにしました。
スポンサーサイト

 Comments:0

Comment Form

 Trackback+Pingback:1

TrackBack URL for this entry
http://blackcat13numbers.blog31.fc2.com/tb.php/91-b72233ed
Listed below are links to weblogs that reference
Shadowbox:Lightboxの万能版・進化系JavaScript from TRASH
Trackback from TomomiX日記・Windows&Mac関連フリーソフト・オススメソフト紹介ブログ「TRASH」 2008-03-29 (土) 02:49

Lightbox実装手順

○実装手順 1.Lightbox公式サイトへ移動 2.Greybox最新版をダウンロード 3.解凍し、gifファイルをすべてアップロード 4.css/jsファイルをア... (more…)

Home > IT Tips > Shadowbox:Lightboxの万能版・進化系JavaScript

Recent Comments
Recent Trackback
Feeds

↑Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。