動画と静止画を共存した２つのLightbox
このサイトのXOOPSでは、２つのLightboxを共存させています。
目下、３つのLightboxをXOOPS用に改訂しZenCartを利用して無料で配布中です。
静止画表示専用として「Lightbox2」「Lightbox Plus」そして「Greybox」の３つから目下、選択することが可能です。
動画専用としては、今のところ「Greybox」を選択可能です。
以下の様に「URL」と「ｉｍｇ」を利用したBBコードによる動画再生Lightboxと、
［url=http://album2006.cocolog-nifty.com/FLV/opr01W32.flv]［img]http://album2006.cocolog-nifty.com/FLV/selena.jpg［/img]［/url]
［url=http://album2006.cocolog-nifty.com/FLV/opr01W32.flv]［img align=left width="50%"]http://album2006.cocolog-nifty.com/FLV/selena.jpg［/img]［/url]
動画ファイルリンク内の画像の実サイズが、動画再生用のLightbox窓のサイズと、動画再生プレイヤーのサイズを決定します。
目の錯覚でLightbox窓が小さく見えますけど 
画像サイズを小さく指定しても、画像の実サイズで機能します。
［url=http://album2006.cocolog-nifty.com/FLV/opr01W32.flv]<img src="http://album2006.cocolog-nifty.com/FLV/selena.jpg" width="100">［/url]この文字リンク、実は画像を埋め込んでいます。見かけ上文字リンクに見せかけています。
［url=http://album2006.cocolog-nifty.com/FLV/opr01W32.flv]<img src="http://album2006.cocolog-nifty.com/FLV/selena.jpg" width="1">この文字リンク、実は画像を埋め込んでいます。見かけ上文字リンクに見せかけています。［/url]次のページでは「ｓｉｔｅｕｒｌ」と「ｓｉｔｅｉｍｇ」の組み合わせを見ることも可能です。[pagebreak]
［url=http://album2006.cocolog-nifty.com/FLV/opr01W32.flv]［img align=right]http://album2006.cocolog-nifty.com/FLV/selena.jpg［/img]［/url]
次は「右寄せ動画リンク」ですね。
［siteurl=common/GreyBox/flv/MVI_1928.flv]［siteimg]common/GreyBox/flv/MVI_1928.jpg［/siteimg]［/siteurl]
ｓｉｔｅｉｍｇ指定しています。
［siteurl=common/GreyBox/flv/MVI_1928.flv]［siteimg align=right]common/GreyBox/flv/MVI_1928.jpg［/siteimg]［/siteurl]
ｓｉｔｅｉｍｇで右寄せです。
［siteurl=common/GreyBox/flv/MVI_1928.flv]［siteimg align=left width="50%"]common/GreyBox/flv/MVI_1928.jpg［/siteimg]［/siteurl]
ｓｉｔｅｉｍｇで左寄せしています。
ｓｉｔｅｉｍｇでも幅指定できるようにしてみました。
［siteurl=common/GreyBox/flv/MVI_1928.flv]［siteimg width=100]common/GreyBox/flv/MVI_1928.jpg［/siteimg]［/siteurl]［siteurl=common/GreyBox/flv/MVI_1928.flv]［siteimg align=right width=50]common/GreyBox/flv/MVI_1928.jpg［/siteimg]［/siteurl]
［siteurl=common/GreyBox/flv/MVI_1928.flv]［siteimg align=left width=50]common/GreyBox/flv/MVI_1928.jpg［/siteimg]［/siteurl]
［siteurl=common/GreyBox/flv/MVI_1928.flv]［siteimg width=1]common/GreyBox/flv/MVI_1928.jpg［/siteimg]この文字リンク、実は画像を埋め込んでいます。見かけ上文字リンクに見せかけています。［/siteurl]
この文字リンク、実は画像を埋め込んでいます。見かけ上文字リンクに見せかけています。
※ 関連記事：http://www.fs4y.com/modules/pukiwiki1/86.html
TrackBacks
TrackBack URL : http://www.fs4y.com/modules/wordpress/wp-trackback.php/5
コメント
投稿された内容の著作権はコメントの投稿者に帰属します。
| 投稿者 | スレッド |
|---|---|
| ゲスト | 投稿日時: 2008-11-10 15:00 更新日時: 2008-11-10 15:00 |
 Re: 動画と静止画を共存した２つのLightbo...はじめまして、 貴サイトを参考にさせていただきながら、 サイトのlightboxの設置をしようとしたのですが、 40時間ほど試行錯誤して、未だに設置できておりません。 お力添え頂ければ幸いです。 環境は以下のとおりです。 CORESERVER メインドメイン：www.example.com サブドメイン：www.test.com XOOPS Cube 2.1.3 myalbum2.88 lightbox2.04 デイレクトリ構造 root/xoops_trust_path /public_html/www.test.com /xoops/modules /themes /lightbox2.04 /uploads /..... テーマはBCOOLさんのchampagne_goldfを使わせて頂いておりまして、 ヘッダに次のように追記しています。 <link rel="stylesheet" type="text/css" media="screen,tv" href="<{$xoops_themecss}>" /> <link rel="stylesheet" type="text/css" media="print" href="<{$xoops_imageurl}>css/print.css" /> 追記⇒<link rel="stylesheet" href="<{$xoops_url}>/lightbox2.04/css/lightbox.css" type="text/css" media="screen" /> <!-- RMV: added module header --> <{$xoops_module_header}> <{$xoops_block_header}> <meta http-equiv="Content-Script-Type" content="text/javascript" /> 追記⇒<script type="text/javascript" src="<{$xoops_url}>/lightbox2.04/js/prototype.js"></script> 追記⇒<script type="text/javascript" src="<{$xoops_url}>/lightbox2.04/js/scriptaculous.js?load=effects"></script> 追記⇒<script type="text/javascript" src="<{$xoops_url}>/lightbox2.04/js/lightbox.js"></script> <script type="text/javascript"> <!-- <{$xoops_js}> //--> </script> </head> まずは、手入力で動作確認しようと、 pico,d3blog,d3forum,テーマに直接,次のように数種類書いてみましたが、 lightboxが立ち上がらず、IEの画面で表示されるだけでした。 <a href="<{$xoops_url}>/uploads/photos/8.jpg" title="ttt" rel="lightbox[]" ><img src="<{$xoops_url}>/uploads/thumbs/8.jpg" width="100" height="40" alt="" /></a> <a href="<{$xoops_url}>/uploads/photos/8.jpg" title="ttt" rel="lightbox" ><img src="<{$xoops_url}>/uploads/thumbs/8.jpg" width="100" height="40" alt="" /></a> <a href="<{$xoops_url}>/uploads/photos/8.jpg" rel="lightbox" >テスト</a> <a href="<{$xoops_url}>/uploads/photos/8.jpg" ><img src="<{$xoops_url}>/uploads/thumbs/8.jpg" width="100" height="40" alt="" /></a> CORESERVERの問題かな？とは思うのですが、 ネット上で検索して、色々とトライしてみたのですが、どうにも分かりません。 お力添え頂きたく、よろしくお願いいたします。 優作 | |
 |
| 返信 | 投稿者 | 投稿日時 |
|---|---|---|
 Re: 動画と静止画を共存した２つのLightbo... | Ujiki.oO | 2009-3-30 13:29 |
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
無料のXOOPS、
インストールした直後より、２種類のLightboxが稼動を開始・・・・
BBコードが利用できる全てのモジュールで、
静止画像をLightbox表示するだけじゃない！！
あの「ゆ～ち
Trackback by Big Album Blogger — 2007/9/15 (土曜日) @ 17:43:41
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
無料のXOOPS、
インストールした直後より、２種類のLightboxが稼動を開始・・・・
BBコードが利用できる全てのモジュールで、
静止画像をLightbox表示するだけじゃない！！
あの「ゆ〜ち
Trackback by FC2 自由なアルバムって？ — 2007/9/16 (日曜日) @ 02:43:16
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
無料のXOOPS、
インストールした直後より、２種類のLightboxが稼動を開始・・・・
BBコードが利用できる全てのモジュールで、
静止画像をLightbox表示するだけじゃない！！
あの「ゆ～ち
Trackback by Big Album Blogger — 2007/9/16 (日曜日) @ 03:43:34
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
無料のXOOPS、
インストールした直後より、２種類のLightboxが稼動を開始・・・・
BBコードが利用できる全てのモジュールで、
静止画像をLightbox表示するだけじゃない！！
あの「ゆ～ち
Trackback by Ninjya 出会わない出遭い Album Blogger — 2007/9/16 (日曜日) @ 03:44:26
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
XOOPSでは、２つのLightboxを共存させています。目下、３つのLightboxをXOOPS用に改訂しZenCartを利用して無料で配布中です。
Trackback by ChoBlog (チョコブロ) — 2007/9/16 (日曜日) @ 03:47:11
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
無料のXOOPS、インストールした直後より、２種類のLightboxが稼動を開始・・・・BBコードが利用できる全てのモジュールで、静止画像をLightbox表示するだけじゃない！！あの「ゆ〜ちゅ〜ぶ
Trackback by Goo - Using only Java Script for ALBUM — 2007/9/16 (日曜日) @ 03:50:43
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
無料のXOOPS、
インストールした直後より、２種類のLightboxが稼動を開始・・・・
BBコードが利用できる全てのモジュールで、
静止画像をLightbox表示するだけじゃない！！
あの「ゆ〜ち
Trackback by Yahoo Album Blogger — 2007/9/16 (日曜日) @ 03:56:07
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
無料のXOOPS、
インストールした直後より、２種類のLightboxが稼動を開始・・・・
BBコードが利用できる全てのモジュールで、
静止画像をLightbox表示するだけじゃない！！
あの「ゆ〜ちゅ〜…
Trackback by Album Blogger — 2007/9/16 (日曜日) @ 03:57:15
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
無料のXOOPS、
インストールした直後より、２種類のLightboxが稼動を開始・・・・
BBコードが利用できる全てのモジュールで、
静止画像をLightbox表示するだけじゃない！！
あの
Trackback by Ameba Album Blogger — 2007/9/16 (日曜日) @ 03:59:01
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
無料のXOOPS、
インストールした直後より、２種類のLightboxが稼動を開始・・・・
BBコードが利用できる全てのモジュールで、
静止画像をLightbox表示するだけじゃない！！
あの「ゆ〜ち
Trackback by FC2 自由なアルバムって？ — 2007/9/16 (日曜日) @ 03:59:11
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
XOOPSでは、２つのLightboxを共存させています。目下、３つのLightboxをXOOPS用に改訂しZenCartを利用して無料で配布中です。
Trackback by Coco Album Blogger with SOUNDS. — 2007/9/16 (日曜日) @ 04:08:25
FLV/FLASH動画もLightboxでクールに表示するXOOPSを無料で入手しよう
XOOPSでは、２つのLightboxを共存させています。目下、３つのLightboxをXOOPS用に改訂しZenCartを利用して無料で配布中です。
Trackback by yap Album Blogger who reads a book. — 2007/9/16 (日曜日) @ 04:38:57