plugins:lightboxex

NP_LightboxEX.php

NP_LighboxEXは、サムネイルを表示させ且つポップアップにLightbox JS 2.0を使用したプラグインです。

さらにこのプラグインでは、サムネイル表示の際に写真のようなフレーム枠やさらにドロップシャドウを付けることが出来ます。なお、ドロップシャドウは背景が白色のみの対応となっています。

General Plugin info
作者: 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
セキュリティチェック: 【セキュリティのチェックが済んだら、その旨を記述して、チェックした人がサインをします。空にしておいてください】

インストール方法

  1. zipを展開します。
  2. NP_LightboxEX.phpを、Nucleusのnucleus/pluginsディレクトリにコピーします。
  3. 同様に、lightboxexディレクトリを中のファイルごと、nucleus/pluginsディレクトリにコピーします。
  4. Nucleusのプラグイン管理画面から、NP_LightboxEXプラグインをインストールします。
  5. NP_LightboxEXの編集画面から、値を設定保存します。
  6. skinファイルのhead.inc(あるいはそれに該当するファイル)に、 <%LightBoxEX(header)%> <%LightboxEX(head)%> と挿入して下さい。

※0.9.2以下をご利用いただいていた方は、一旦削除し再度インストールしてください。

このプラグインの使い方

画像挿入時にポップアップを選択した場合、そのポップアップにLightBox JSを使用して拡大表示します。 またポップアップに指定した画像は、アイテム中でサムネイル表示されます。 さらにそのサムネイルはオプションで写真フレームのような白枠やドロップシャドウを付けることが出来ます。

スキン/テンプレートへの記述

  • skinファイルのhead.inc(あるいはそれに該当するファイル)に、 <%LightBoxEX(header)%> <%LightboxEX(head)%> と挿入して下さい。

オプション

サムネイルのボックスサイズ(px,200px以内)サムネイルのサイズを指定します。単位はピクセル。200ピクセル以下に指定してください。
フレームのサイズ(px, 0:使用しない) フレーム枠のサイズを指定します。単位はピクセル。10ピクセル程度がちょうどいいかも。なお、0を指定すると使用しません。
ドロップシャドウを使用するか? ドロップシャドウを使用するか指定できます。なお、フレームを使用しないと利用できません。

Tipsと裏技

  • ドロップシャドウは背景が白を想定し作成しています。その他の色を使用したい場合は、別途画像ファイルを用意する必要があります。
  • 各種JavaScriptを使用しています。ゆえにプラグイン(PHP)として動作しても、利用者の環境によっては、このJavaScriptでエラーが出る可能性があります。利用しているJavaScriptコンポーネントは下記の通り。
  • 上記JavaScriptは本圧縮ファイルに添付しております。
  • サムネイル画像をクリックし拡大した際、戻るや閉じるなどのボタンが表示されない場合は、「lightbox.js」の62行目、

var imgurl = "/nucleus/plugins/lightboxex/images/"; の箇所を、環境に合わせて絶対パスで記述してください。

希望事項

バグ

  • UTF-8環境では正常に動作しません。(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 (外部編集)