動画も対象のLightbox系javascript「Mediabox」
｜
｜
｜
｜
｜
｜
Web2.0の象徴といえば画像をクールに表示できる「Lightbox」があります。
しかしLightboxでは画像のみが対象でした。
MediaboxはフラッシュはもちろんYouTubeなどの動画サイト、iflameまで表示できます。
使用方法
Mediaboxからダウンロードしたmediabox64.jsとmediabox.css、さらにmootools.jsをダウンロードします。
<link rel="stylesheet" href="http://yourdomain/mediabox.css" type="text/css" media="screen">
<script src="http://yourdomain/mootools.js" type="text/javascript"></script>
<script src="http://yourdomain/mediabox64.js" type="text/javascript"></script>
＊swf形式を対象とする場合はswfobject.jsも必要になるようです。
最後に対象となるファイルを以下のよう指定すれば完成です。
<a href="対象URI" rel="mediabox[width height]">リンクテキスト</a>
動画も対象のLightbox系javascript「Mediabox」サンプル
記事作成：2007年09月10日
前の記事：Dockメニューを実現するjavascript「iconDock」
次の記事：右クリックのオリジナルメニューを作成するjavascript「jQuery Halo Context Menu」
関連記事
人気記事
最新記事RSS
- でっかいメニューをJavaScriptで作る「Cut & Paste jQuery Mega Menu」
- mootoolsで3Dメニュー「JavaScript 3D Cube Menu」
- これはすごい！テキストに影を付け印象的にする「CSS text-shadow Fun」
- MVPenでアナログの良さを考え直す。
- 第3回「マネタイズHACKS」に参加してみた。
- div要素の幅を伸縮自由にするJavaScript「Ingeny Splitter」
- jQueryでメニューをわかりやすくする「Side Navigation Tooltip / Popup Bubble」
- 入力を促す文字をフォームに表示するJavaScript「JQUERY.FIELDTAG.JS」
- iPhoneライクにスクロールさせるJavaScript「OverScroll」
- twitterタイムラインをJavaScriptで表示「jQuery jqtwitter」