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

カテゴリ XOOPS - preload
Thickbox preload for XOOPS Cube Legacy 2.1 人気ダウンロード情報
バージョン: 0.20   掲載日:  2008-1-27
説明
==== Thickbox preload for XOOPS Cube Legacy 2.1 ===

XOOPS Cube Legacy 2.1 上で Thickbox を利用した画像表示を可能にする preload です。

また、theme.html を修正することなく、簡単に Thickbox を利用できるようにする preload を同梱しています。

解凍すると "html/preload/" というディレクトリが展開され、このディレクトリの中に 2種類の preload があります。
  • Thickbox.class.php - Thickbox による画像表示用の preload
  • Thickboxset.class.php - theme.html を修正することなく Thickbox を利用できるようにする preload

1 Thickbox.class.php の使い方

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

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

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

【サンプル】
サムネイル画像にリンクした場合

首里城にて

テキストリンクの場合
宮崎県橘公園にて

【画像のグループ化をする場合の使い方】
 [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]

※ グループ名とタイトルの入力は必須ではありませんが、入力すると同じグループ名の画像をグループ化することができます。
※ タイトルのみを入力することはできません。

【テキストリンクの入力をする場合の使い方】
 [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:"class="thickbox"":"class="thickbox" rel="[`$story.id`]""}>

に修正

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

【Webページを表示する場合】
[page][sitepage]タグを利用して、Webページを表示することもできます。

サンプル
XOOPS Cube日本サイト
XUGJ
ひよこむ

 [page=WebページURL w=横幅(ピクセル) h=縦幅(ピクセル) title=タイトル]テキスト[/page]・・・(テキストリンクにする場合)
 [page=WebページURL w=横幅(ピクセル) h=縦幅(ピクセル) title=タイトル][img=サムネイルURL[/img][/page]・・・(サムネイル画像にリンクにする場合)
または
 [sitepage=WebページURL w=横幅(ピクセル) h=縦幅(ピクセル) title=タイトル]テキスト[/sitepage]・・・(テキストリンクにする場合)
 [sitepage=WebページURL w=横幅(ピクセル) h=縦幅(ピクセル) title=タイトル][img=サムネイルURL[/img][/sitepage]・・・(サムネイル画像にリンクにする場合)

※ title=タイトルは必須ではありません。省略して入力することができます。
※ w=横幅(ピクセル) h=縦幅(ピクセル) は省略できません。必ず入力してください。
※ [sitepage]タグは、同じ XOOPSサイトの Webページを表示する場合に使うことができ、[siteurl]と同様に XOOPSサイトトップからの相対パスを入力します。
 入力例 [sitepage=modules/myalbum/ w=400 h=400]テキスト[/sitepage]

2 Thickboxset.class.php の使い方

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

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

なお、この preload は、html/javascript/thickbox/ 内に、次の 4つのファイルがあることを前提に、動作するよう設定しています。

 * thickbox.js
 * thickbox.css
 * loadingAnimation.gif
 * jquery-latest.js
 
 ※ jQueryライブラリと thickbox.js は、圧縮しコンパクト化されたものが公開されていますが、圧縮されたスクリプトを利用する場合はファイル名を変更してください。
  * jquery-latest.pack.js → jquery-latest.js に変更
  * thickbox-compressed.js → thickbox.js に変更

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

$jspath = 'javascript/thickbox';

を修正してください。

 修正例 XOOPS_ROOT_PATH/sample/thickbox/ に置く場合、sample/thickbox と記入
 ※ XOOPS_ROOT_PATH/ の部分と最後の / は記入しないでください。

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

$cancel_module = "";

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

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

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

$cancel_top = "1";

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

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

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

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

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

【参考記事】
Thickbox - jQuery Thickbox Demo
http://jquery.com/demo/thickbox/

【ハウツー】ゼロからはじめるThickBox 3 - 画像もHTMLファイルもスイスイ表示
http://journal.mycom.co.jp/articles/2007/07/12/thickbox/



【更新履歴】
0.20 2008-1-27
- $cancel_module オプション、$cancel_top オプションを追加

0.10 2008-1-26
- this new file

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


新しくコメントをつける

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

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

コメント一覧



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