ホーム  >  Downloads  >  XOOPS - preload  >  Lightbox & Videobox preload for XOOPS Cube Legacy 2.1
    このカテゴリには 7 件のファイルがあります

カテゴリ XOOPS - preload
Lightbox & Videobox preload for XOOPS Cube Legacy 2.1 人気ダウンロード情報
バージョン: 0.70   掲載日:  2009-1-15
説明
==== Lightbox & Videobox preload for XOOPS Cube Legacy 2.1 ===

XOOPS Cube Legacy 2.1 上で Lightbox による画像表示とビデオ版 Lightbox「Videobox」による動画表示を可能にする preload です。

theme.html を修正することなく、Lightbox 2.0、Litebox、Lightbox plus、Slimbox、Videobox を利用できるようにする preload を同梱しています。

解凍すると "html/preload/" というディレクトリが展開され、このディレクトリの中に 2種類の preload があります。
  • Lightbox.class.php - Lightbox による画像表示用の preload
  • Videobox.class.php - Videobox による動画表示用の preload

また、"html/preload/extras/" 内に、theme.html を修正することなく Lightbox 2.0、Litebox、Lightbox plus、Slimbox、Videobox を利用できるようにする preload があります。

1 Lightbox.class.php の使い方

特に難しい使い方を覚える必要はなく、サイトプリロードディレクトリに入れるだけです。

これだけで、BBCode で貼り付けた画像を Lightbox.js で表示させることができます。

なお、オプションでグループ名とタイトルを入力することも可能です。

【画像のグループ化をする場合の使い方】
 [url=画像URL lb=グループ名][img align=left]サムネイルURL[/img][/url]
 [siteurl=画像URL lb=グループ名][siteimg align=left]サムネイルURL[/siteimg][/siteurl]

または

 [url=画像URL lb=グループ名 title=タイトル][img align=left]サムネイルURL[/img][/url]
 [siteurl=画像URL lb=グループ名 title=タイトル][siteimg align=left]サムネイルURL[/siteimg][/siteurl]

※ グループ名とタイトルの入力は必須ではありませんが、入力すると同じグループ名の画像をグループ化することができます。
※ タイトルのみを入力することはできません。タイトルのみを入力したい場合は、別に公開している CustomImagtag preload をお試しください。

【テキストリンクの入力をする場合の使い方】
 [url=画像URL lb=グループ名]テキスト[/url]
 [siteurl=画像URL lb=グループ名]テキスト[/siteurl]

または

 [url=画像URL lb=グループ名 title=タイトル]テキスト[/url]
 [siteurl=画像URL lb=グループ名 title=タイトル]テキスト[/siteurl]

※ タイトルのみを入力することはできません。
※ [siteurl]を使用する場合 XOOPSサイトトップからの相対パスを入力します。
  入力例 [siteurl=uploads/photos/1.jpg]テキスト[/siteurl]

【グループ名を自動的に挿入するには】
この preload では、グループ名を指定できるようにしていますが、記事を投稿する毎にグループ名を入力するのはちょっと面倒ですね。

Smarty の修正子を使ってモジュールのテンプレートを修正すると、グループ名を自動的に挿入することもできますので、こちらの方が便利かもしれません。

例えば、bulletin 2.0 の場合は、bulletin_item.htm の <{$story.text}> を

<{$story.text|replace:"rel="lightbox"":"rel="lightbox[`$story.id`]""}>

に修正

preload を導入済の場合は、これで bulletin の記事毎にグループ名を自動的に挿入することができます。

2 Videobox.class.php の使い方
Videobox は、Youtube、Metacafe、Google Video、iFilm などの動画を Lightbox風に観覧できるスクリプトです。

オモシロ猫動画

この preload を利用すると、Videobox で表示するのに必要なタグを BBCode で入力できるようになります。

【使い方】
(1) 基本的な使い方
 [videobox=動画URL]テキスト[/videobox]・・・(テキストリンクにする場合)
 [videobox=動画URL][img=サムネイルURL[/img][/videobox]・・・(サムネイル画像にリンクにする場合)

(2) タイトルを入力する場合
 [videobox=動画URL title=タイトル]テキスト[/videobox]・・・(テキストリンクにする場合)
 [videobox=動画URL title=タイトル][img=サムネイルURL[/img][/videobox]・・・(サムネイル画像にリンクにする場合)

(3) タイトルと表示サイズを入力する場合
 [videobox=動画URL title=タイトル w=横幅(ピクセル) h=縦幅(ピクセル)]テキスト[/videobox]・・・(テキストリンクにする場合)
 [videobox=動画URL title=タイトル w=横幅(ピクセル) h=縦幅(ピクセル)][img=サムネイルURL[/img][/videobox]・・・(サムネイル画像にリンクにする場合)

※ 表示サイズのみの入力には対応していません。

3 "html/preload/extras/" 内の preload の使い方

"html/preload/extras/" 内の preload を利用すると、<{$xoops_module_header}> にアサインし、theme.html の <head> 内に <script>タグなどを挿入することができます。

これにより、theme.html を修正することなく、より簡単に Lightbox と Videobox を導入することができます。

"html/preload/extras/" には、次の 5種類の preload があります。
  • Lightboxset.class.php - Lightbox 2.0 用
  • Liteboxset.class.php - Litebox 用
  • Lightbox_plusset.class.php - Lightbox plus 用
  • Slimboxset.class.php - Slimbox 用
  • Videoboxset.class.php - Videobox 用

この 5種類の preload は、次の所定のディレクトリに、スクリプトなどのファイルが配置されていることを前提に動作します。

(1) Lightboxset.class.php - Lightbox 2.0 用
  html/javascript/lightbox/js 内にスクリプト
  html/javascript/lightbox/css 内に lightbox.css
  html/javascript/lightbox/images 内に 画像ファイル
 
(2) Liteboxset.class.php - Litebox 用
  html/javascript/litebox/js 内に litebox-1.0.js、prototype.lite.js、moo.fx.js
  html/javascript/litebox/css 内に lightbox.css
  html/javascript/litebox/images 内に 画像ファイル
  
(3) Lightbox_plusset.class.php - Lightbox plus 用
  html/javascript/lightbox_plus/js 内にスクリプト
  html/javascript/lightbox_plus/css 内に lightbox.css
  html/javascript/lightbox_plus/images 内に 画像ファイル
  
(4) Slimboxset.class.php - Slimbox 用
  html/javascript/slimbox/js 内に slimbox.js、mootools.js
  html/javascript/slimbox/css 内に slimbox.css と画像ファイル

(5) Videoboxset.class.php - Videobox 用
  html/javascript/videobox/js 内にスクリプト
  html/javascript/videobox/css 内に videobox.css と画像ファイル

別のディレクトリにスクリプトを置きたい場合は、preload の 20行目

$jspath = 'javascript/lightbox';

を修正してください。

 修正例 XOOPS_ROOT_PATH/sample/lightbox/ に置く場合、sample/lightbox と記入
 ※ XOOPS_ROOT_PATH/ の部分と最後の / は記入しないでください。
 ※ なお、ファイルの配置は変更しないでください。

【アサインを無効にするモジュールの設定】
preload の 24行目

$cancel_module = "";

で、アサインを無効にするモジュールを設定することができます。

アサインを無効にするモジュールを設定する場合は、"|"でモジュールのディレクトリを区切って記入してください。

 設定例 $cancel_module = "newbb|news";
 
【トップページへのアサインを無効にする場合の設定】
preload の 27行目

$cancel_top = "1";

とすると、トップページへのアサインを無効にすることができます。

※ 空欄ならトップページにアサイン。

4 使用上の注意事項
グループ名とタイトルの文中に空白を含めないでください。空白があるとうまく動作しません。

Lightboxset.class.php 、Lightbox_plusset.class.php 、Videoboxset.class.php は、theme.html に <{$xoops_module_header}> が記述されていることを前提に動作します。

たいていの theme.html には <{$xoops_module_header}> が記述されているかと思いますが、もし無ければ <head>内に <{$xoops_module_header}> を記述したうえでお使いください。

この 3つの preload を使用しない場合は、lightbox.js などのスクリプトを適切に配置し、利用しているテーマの theme.html を修正したうえで、preload を導入してください。


【参考記事】
XOOPS サイトに Lightbox plus を導入しよう
http://www.photositelinks.com/modules/forum/index.php?top...

Videobox: Lightbox for videos
http://videobox-lb.sourceforge.net/

【Lightbox と Videobox の併用について】
Lightbox と Videobox を同時に使おうとすると、うまく動かない場合があるようです。

その場合は、$cancel_module を利用してモジュールによって使い分けるか、Slimbox をお試しください。
http://www.digitalia.be/software/slimbox

【更新履歴】
0.70 2009-1-15
- Lightboxset.class.php を修正し、lightbox2.04 に対応(thx moegiiro)

0.60 2008-1-27
- Liteboxset.class.php を同梱
- $cancel_module オプション、$cancel_top オプションを追加

0.50 2008-1-25
- テキストリンクが可能となるよう Lightbox.class.php の変換パターンを修正
- Lightboxset.class.php 、Lightbox_plusset.class.php 、Videoboxset.class.php を同梱

0.40 2008-1-19
- Videobox.class.php

0.30 2008-1-17
- タイトルの入力に対応

0.20 2008-1-8
- グループ名の入力に対応

0.10 2007-5-3
- this new file

[ ファイル名 ] lightbox_preload070.zip [ MD5 checksum ] 30c2f2be1d4aaf2356dad1c116e6c08e
ダウンロード数 1448   ファイルサイズ 10.79 KB   利用可能なOS/ソフト等 XOOPS Cube Legacy 2.1   ホームページ Photo Site Links
評価 9 (1 票)
評価する  | ファイル破損/リンク切れを報告 |  友達に伝える |  コメント (11)


新しくコメントをつける

題名
ゲスト名   :
投稿本文
url email imgsrc image code quote
サンプル
bold italic underline linethrough   

 [もっと...]
より詳細なコメント入力フォームへ

コメント一覧

素人   投稿日時 2010-11-17 11:23

全くの初心者なので、上記のように導入したのですが全く動作しません。
全くの素人向きに教えて頂くことはできませんか?
また素人用のサイト等があれば教えていただけると大変うれしいです。

Photo Site Links  投稿日時 2008-12-31 15:32

moegiiro さん、レポートありがとうございます。

このサイトでは lightbox_plus を利用しており、lightbox2 は常用しておりませんので、こういうレポートを頂くと、本当に助かります。

また、何かありましたら、よろしくお願いします

moegiiro   投稿日時 2008-12-29 11:09

Photo Site Links さん、こんにちは。

今回 Lightboxset.class.php を利用させていただきました。
便利なスクリプトを提供していただき、ありがとうございます。

最新の lightbox2.04 を利用した場合
<script type="text/javascript" src="{$jsfilename}/js/scriptaculous.js?load=effects,builder"></script>
と ",builder" を追加しないと動作しませんでした。
バージョンアップして、仕様が変わったようです。

また
Notice [PHP]: Undefined variable: cancel_assign in file preload/Lightboxset.class.php line 51
が発生したので、29行目に(とりあえず..)
$cancel_assign = "";
を追加することで静まりました。
$cancel_module, $cancel_top が "" だと Notice が発生するようです。

以上、お礼方々、レポートさせていただきました。

Photo Site Links  投稿日時 2008-2-18 21:13 | 最終変更

green さん、こんにちは。

Lightboxset.class.php をお使いなんですね。

Lightboxset.class.php では、theme.html に記述されている<{$xoops_module_header}> を利用して、Lightbox に必要なタグを挿入させています。

ですので、<{$xoops_module_header}> の位置を少し変えてみるなどしてみるといいかもしれません。

また、weblogD3 自体も <{$xoops_block_header}> を使って、スクリプトを表示させていますので、weblogD3 の一般設定で、「チケット式トラックバックURLを使う」を OFF にして試してみるとか、、、実際には、weblogD3 との相性は考えにくいですが。

あと、loading.gif など画像ファイルのパスをフルパスで書いて、試してみるとか、、、

それでも駄目だとしたら、green さんの場合は、ページによってはうまく表示され、また表示されないページもあるという状況のようですから、そのページに配置しているブロックなどとの相性か、、、

いずれにしても、問題の切り分けを私ができるわけではありませんので、いろいろと試してみてください。

green   投稿日時 2008-2-17 22:26

返信ありがとうございます。足りない部分があって申し訳ありません。
一応こちらでも検索したのですが見つからなくて・・・。作っている方なら何か分かるかもと思い投稿した具合です。使用しているのは「Lightbox v2.03.3」と「Lightboxset.class.php - Lightbox 2.0 用」です。ただメンバー限定のサイトなので動作を確認していただくことができません。なのでこちらで調べてみようと思います。訳の分からないことをお願いして申し訳ありませんでした。

Photo Site Links  投稿日時 2008-2-17 16:41 | 最終変更

引用:

greenさんは書きました:
スクリプトはモジュールのことですか?

JavaScript のことです。

theme.html で、複数の JavaScript を読み込ませているとしたら、その部分を修正します。

というか、Lightboxは複数のバージョンがあるのに、どれを使っているか書いてないし、「Lightbox & Videobox preload for XOOPS Cube Legacy 2.1」にも複数の preload が同梱されていますが、これもどれを使っているか書いてないし、、、

こんな何にも情報がない質問に、どうやって答えればいいのですか? 私は超能力者ではありませんので、greenさんのサイトがどのような状態になっているか、透視できません。

昨日書いたことの繰り返しになりますが、preload が原因でうまく動かないということでしたら、分かる範囲内で対応はしますけど、今回のように preload の問題ではないような質問を、何の情報もないままされても、対応のしようがありません。

Google などで「Lightbox 動かない」というキーワードで検索すると、沢山の情報が出てくるんですから、自分で調べたらどうですか。

green   投稿日時 2008-2-16 23:30

返信ありがとうございます。
スクリプトの読み込む順番を変える、というのは
どのようにすればできるのですか?
スクリプトはモジュールのことですか?

Photo Site Links  投稿日時 2008-2-16 17:57 | 最終変更

他のスクリプトと衝突しているのではないですか?

他のスクリプトを使っているのなら、読み込む順番を変えてみるなど、自分で試したらどうでしょうか。

preload が原因でうまく動かないということでしたら、分かる範囲内で対応はしますけど、今回のように個別のページで動かないという質問をいただいても、対応のしようがありません。

まぁ、ご自分でいろいろ試してください。

green   投稿日時 2008-2-16 4:46

探しまわってようやくココへたどり着きました。ありがたく使わせてもらいました。
ところで質問ですが、weblogD3で一覧表示の時は画像がLightboxで表示されるんですがタイトルをクリックして一つのブロックのみ表示されてる時には何故かLightboxで表示されずに新規ウィンドウで画像が開いてしまいます。何か考えられる原因はありますか?ちなみにブラウザでソースをみるとスタイルシートも読み込まれているようですし、リンクタグにもrel="lightbox"も入っています。この状態でLightboxで表示できないのは辛いです・・・なぜならトップページにweblogの最新トピックのタイトル一覧があり、そこからのリンクでweblogに入るとそのタイトルのみのブログ表示になってしまうのでそこでの画像がLightboxで表示したいのです。文章が分かりづらいかもしれませんが何か分かるようでしたら教えてください。

Photo Site Links  投稿日時 2008-2-1 19:01

usagiya さん、わざわざどうも

何か不具合やご要望がありましたら、気軽に投稿してください、、、私のできる範囲内でしたら、対応します。

私のできる範囲を超えちゃうと、困りますけど



トラックバック
トラックバックURL
http://www.photositelinks.com/modules/tbAny/tb.php/3965