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


Ads by Google

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

 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
Ads by Google from TRASH
Trackback from TomomiX日記･Windows&Mac関連フリーソフト･オススメソフト紹介ブログ「TRASH」 2008-03-29 (土) 02:49

Lightbox実装手順

○実装手順 １．Lightbox公式サイトへ移動 ２．Greybox最新版をダウンロード ３．解凍し、gifファイルをすべてアップロード ４．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実装手順

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

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

Search
Adsense

Calendar
« 2009/11 »
S M T W T F S
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 - - - - -
Categories
Tagcloud
Archives
Recent Comments
Recent Trackback
Feeds

↑Page Top