plugins:lightboxex

差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

この比較画面にリンクする

plugins:lightboxex [2011/03/23 21:28] (現在)
ライン 1: ライン 1:
 +====== NP_LightboxEX.php ======
 +
 +NP_LighboxEXは、サムネイルを表示させ且つポップアップにLightbox JS 2.0を使用したプラグインです。
 +
 +さらにこのプラグインでは、サムネイル表示の際に写真のようなフレーム枠やさらにドロップシャドウを付けることが出来ます。なお、ドロップシャドウは背景が白色のみの対応となっています。
 +
 +^General Plugin info ^^
 +^作者: | [[plugins:​authors:​matuto|matuto]] |
 +^最新のバージョン:​ | 0.9.4 |
 +^入手先: | http://​japan.nucleuscms.org/​bb/​viewtopic.php?​t=3094 |
 +^ソース: | |
 +^動作サンプル:​ | http://​www.matuto.com |
 +^フォーラム参照先:​ | http://​japan.nucleuscms.org/​bb/​viewtopic.php?​t=3094 |
 +^セキュリティチェック:​ |【セキュリティのチェックが済んだら、その旨を記述して、チェックした人がサインをします。空にしておいてください】|
 +
 +
 +
 +
 +
 +
 +
 +=====インストール方法=====
 +  - zipを展開します。
 +  - NP_LightboxEX.phpを、Nucleusのnucleus/​pluginsディレクトリにコピーします。
 +  - 同様に、lightboxexディレクトリを中のファイルごと、nucleus/​pluginsディレクトリにコピーします。
 +  - Nucleusのプラグイン管理画面から、NP_LightboxEXプラグインをインストールします。
 +  - NP_LightboxEXの編集画面から、値を設定保存します。
 +  - skinファイルのhead.inc(あるいはそれに該当するファイル)に、 <​del><​%LightBoxEX(header)%></​del>​ <​%LightboxEX(head)%>​ と挿入して下さい。
 +
 +※0.9.2以下をご利用いただいていた方は、一旦削除し再度インストールしてください。
 +
 +=====このプラグインの使い方=====
 +画像挿入時にポップアップを選択した場合、そのポップアップにLightBox JSを使用して拡大表示します。
 +またポップアップに指定した画像は、アイテム中でサムネイル表示されます。
 +さらにそのサムネイルはオプションで写真フレームのような白枠やドロップシャドウを付けることが出来ます。
 +
 +
 +
 +
 +
 +=====スキン/​テンプレートへの記述=====
 +  * skinファイルのhead.inc(あるいはそれに該当するファイル)に、 <​del><​%LightBoxEX(header)%></​del>​ <​%LightboxEX(head)%>​ と挿入して下さい。
 +
 +
 +=====オプション=====
 +^サムネイルのボックスサイズ(px,​200px以内)|サムネイルのサイズを指定します。単位はピクセル。200ピクセル以下に指定してください。 |
 +^フレームのサイズ(px,​ 0:​使用しない)| フレーム枠のサイズを指定します。単位はピクセル。10ピクセル程度がちょうどいいかも。なお、0を指定すると使用しません。 |
 +^ドロップシャドウを使用するか? | ドロップシャドウを使用するか指定できます。なお、フレームを使用しないと利用できません。 |
 +
 +
 +
 +
 +
 +
 +
 +=====Tipsと裏技=====
 +  * ドロップシャドウは背景が白を想定し作成しています。その他の色を使用したい場合は、別途画像ファイルを用意する必要があります。
 +  * 各種JavaScriptを使用しています。ゆえにプラグイン(PHP)として動作しても、利用者の環境によっては、このJavaScriptでエラーが出る可能性があります。利用しているJavaScriptコンポーネントは下記の通り。
 +    * prototype.js(http://​www.prototypejs.org/​)
 +    * lightbox.js(http://​www.huddletogether.com/​projects/​lightbox2/​)
 +    * scriptaculous.js(http://​script.aculo.us/​)
 +    * effects.js(http://​script.aculo.us/​)
 +
 +  * 上記JavaScriptは本圧縮ファイルに添付しております。
 +  * サムネイル画像をクリックし拡大した際、戻るや閉じるなどのボタンが表示されない場合は、「lightbox.js」の62行目、
 +var imgurl = "/​nucleus/​plugins/​lightboxex/​images/";​
 +の箇所を、環境に合わせて絶対パスで記述してください。
 +
 +
 +
 +
 +=====希望事項=====
 +
 +
 +
 +
 +
 +=====バグ=====
 +  * <​del>​UTF-8環境では正常に動作しません。</​del>​(ver0.9.3で解決)
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +=====開発履歴=====
 +  * Version 0.9.1 リリース <​2007/​4/​4>​
 +    * 主な変更点:​ 新規リリース
 +  * Version 0.9.2 リリース <​2007/​4/​19>​
 +    * 主な変更点:​ 言語ファイルを作成
 +  * Version 0.9.3 リリース <​2007/​4/​23>​
 +    * 主な変更点:​ UTF-8で表示されないバグの修正
 +  * Version 0.9.4 リリース <​2007/​7/​2>​
 +    * 主な変更点:​ サムネイルパスのパラメータ値を変更
  
 
plugins/lightboxex.txt · 最終更新: 2011/03/23 21:28 (外部編集)