Nucleus(JP)フォーラム

NucleusCMS日本語版ユーザーのためのサポートフォーラムです。疑問が生じたらまずは記事検索をご利用ください。

ログインしていません。

#1 2007-04-19 22:56:19

matu_to
メンバー
登録日: 2006-03-22
投稿: 23
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

Nucleusのポップアップ画像を、最近流行のLightBox JSを使用してかっこよく表示します。
さらに、サムネイル機能も備え、且つ写真フレームのような白枠ドロップシャドウも付きます。

つたないPHPですがなんとか動いています・・・ご指摘いただけると助かります。

※ver.0.9.2以下をご利用の方は、一旦削除し再度インストールしてください。
※<head>タグ内への記載は、<%LightBoxEX(header)%>ではなく、<%LightboxEX(head)%>に変更してください。

使い方は、NucleusWiKiを参照ください。

    ver0.9.4 -- 2007.7.2 -- サムネイルのパス値を変更

Attachments:
zip NP_LightBoxEX_0_9_4.zip, Size: 90.01 KiB, Downloads: 1,252

----------------------------
t matsuyama
<!-- w --><a class="postlink" href="http://www.matuto.com">www.matuto.com</a><!-- w -->
----------------------------

オフライン

#2 2007-04-28 23:59:39

dsk_hrk
メンバー
登録日: 2007-04-28
投稿: 1

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

すてきなプラグインです。ありがとうざいます。

さっそくインストールしてみたのですが、私の環境では正しく動作しませんでした。
class.Thumbnail_with_Frame.phpの最初の行の <? のあとに php と追加すると動きました big_smile

<?php
/*
* class.Thumbnail_with_Frame.php
*
* Copyright (C) 2007 Tomoaki Matsuyama
*
* http://www.matuto.com
*
*/

私の環境は↓です。
PHP 5.2.1 (cli) (built: Feb 16 2007 18:44:08)
apache2-2.2.3-0vl3

オフライン

#3 2007-04-29 22:12:15

matu_to
メンバー
登録日: 2006-03-22
投稿: 23
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

dsk_hrk さんの発言:

すてきなプラグインです。ありがとうざいます。

ありがとうございます。

dsk_hrk さんの発言:

さっそくインストールしてみたのですが、私の環境では正しく動作しませんでした。
class.Thumbnail_with_Frame.phpの最初の行の <? のあとに php と追加すると動きました big_smile

了解です。抜けてましたね・・・


----------------------------
t matsuyama
<!-- w --><a class="postlink" href="http://www.matuto.com">www.matuto.com</a><!-- w -->
----------------------------

オフライン

#4 2007-06-06 10:42:58

jn3hms
メンバー
From: 兵庫県加古川市
登録日: 2004-06-18
投稿: 20
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

素敵なプラグインですね。
早速、導入してみたのですが上手く動きません :cry:

サムネイルをクリックすると画像は表示されるのですが…

1.「閉じる」ボタンが表示されない、、(Firefoxではボタンの位置がずれているようです)
2.「前へ」「次へ」ボタンが表示されると表示中の画像の下部に点線が表示される、、

という現象がでて困っています。
何か改善策があればご教示下さい:oops:

環境 Nucleus 3.3 UTF-8

オフライン

#5 2007-06-06 23:33:47

matu_to
メンバー
登録日: 2006-03-22
投稿: 23
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

jn3hms さんの発言:

素敵なプラグインですね。
早速、導入してみたのですが上手く動きません :cry:

サムネイルをクリックすると画像は表示されるのですが…

1.「閉じる」ボタンが表示されない、、(Firefoxではボタンの位置がずれているようです)
2.「前へ」「次へ」ボタンが表示されると表示中の画像の下部に点線が表示される、、

という現象がでて困っています。
何か改善策があればご教示下さい:oops:

環境 Nucleus 3.3 UTF-8

原因は良く分からないのですが・・・
とりあえず、lightbox.jsの62行目var imgurlを絶対パスに変更するとどうでしょうか?
確かそこはデフォルトでNucleusをインストールした場合のパスで設定しています。


----------------------------
t matsuyama
<!-- w --><a class="postlink" href="http://www.matuto.com">www.matuto.com</a><!-- w -->
----------------------------

オフライン

#6 2007-06-07 11:03:23

jn3hms
メンバー
From: 兵庫県加古川市
登録日: 2004-06-18
投稿: 20
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

matu_to さんの発言:

原因は良く分からないのですが・・・
とりあえず、lightbox.jsの62行目var imgurlを絶対パスに変更するとどうでしょうか?
確かそこはデフォルトでNucleusをインストールした場合のパスで設定しています。

絶対パスに変更すると表示されるようになりました。
「前へ」「次へ」ボタンで表示される点線はスキンのCSSの設定が反映されているだけでした :oops:
プラグイン付属のCSSの修正で解決出来ました。

ありがとうございました big_smile

オフライン

#7 2007-06-07 12:26:48

matu_to
メンバー
登録日: 2006-03-22
投稿: 23
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

jn3hms さんの発言:
matu_to さんの発言:

原因は良く分からないのですが・・・
とりあえず、lightbox.jsの62行目var imgurlを絶対パスに変更するとどうでしょうか?
確かそこはデフォルトでNucleusをインストールした場合のパスで設定しています。

絶対パスに変更すると表示されるようになりました。
「前へ」「次へ」ボタンで表示される点線はスキンのCSSの設定が反映されているだけでした :oops:
プラグイン付属のCSSの修正で解決出来ました。

ありがとうございました big_smile

どうもです。
CSSの修正箇所など記載いただければ助かります。


----------------------------
t matsuyama
<!-- w --><a class="postlink" href="http://www.matuto.com">www.matuto.com</a><!-- w -->
----------------------------

オフライン

#8 2007-06-07 14:01:19

jn3hms
メンバー
From: 兵庫県加古川市
登録日: 2004-06-18
投稿: 20
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

まず原因は私のサイトで使用しているCSSです。
スキンのCSSで<A>のHoverに枠線(Border-Bottom)を設定していたので、その設定がLightBoxにも適用されて枠線が表示されてしまっていたようです:oops:
(アンカーの縦の大きさが写真の縦の大きさと違う為)

私のサイトのスキン用のCSSをいじるとサイト全体に影響が出てしまいますので、解決策としてLightBox側のCSSをいじることにしました。

#hoverNav a{ outline: none;} 
 ↓
#hoverNav a{ outline: none; 	border:none;}

LightBoxのHoverに枠線を表示しないように設定しました wink

オフライン

#9 2007-06-07 23:42:55

matu_to
メンバー
登録日: 2006-03-22
投稿: 23
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

jn3hms さんの発言:

まず原因は私のサイトで使用しているCSSです。
スキンのCSSで<A>のHoverに枠線(Border-Bottom)を設定していたので、その設定がLightBoxにも適用されて枠線が表示されてしまっていたようです:oops:
(アンカーの縦の大きさが写真の縦の大きさと違う為)

私のサイトのスキン用のCSSをいじるとサイト全体に影響が出てしまいますので、解決策としてLightBox側のCSSをいじることにしました。

#hoverNav a{ outline: none;} 
 ↓
#hoverNav a{ outline: none; 	border:none;}

LightBoxのHoverに枠線を表示しないように設定しました wink

どうもです。

CSSの件了解です~


----------------------------
t matsuyama
<!-- w --><a class="postlink" href="http://www.matuto.com">www.matuto.com</a><!-- w -->
----------------------------

オフライン

#10 2007-06-08 16:40:03

jn3hms
メンバー
From: 兵庫県加古川市
登録日: 2004-06-18
投稿: 20
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

何度もスイマセン…

少し手を入れたいのですが、どこをいじればいいかアドバイスを頂けたらと思います。。:oops:

1.サムネイルの大きさを<%popup%>で指定した大きさにしたい
2.テンプレートの設定を反映したい(サムネイルにスタイルシートを適用したい)

と考えています。。

宜しくお願いします。

オフライン

#11 2007-06-09 13:34:47

matu_to
メンバー
登録日: 2006-03-22
投稿: 23
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

どうもです。
答えになるか分かりませんが・・・

jn3hms さんの発言:

1.サムネイルの大きさを<%popup%>で指定した大きさにしたい

これはちと面倒かな。。。154行目あたりのevent_PreItemファンクションを改造?
正規表現があまり得意ではないので・・・


jn3hms さんの発言:

2.テンプレートの設定を反映したい(サムネイルにスタイルシートを適用したい)

サムネイルの<img>タグには、class属性として"itemimg"を割り当てています。
スタイルシートでこのクラスを使用すれば可能かと思います。
また、別のクラスやIDを割り当てたい場合は、NP_LightboxEX.phpの147行目、

$img = "<img src='".$imgurl."' border='0' class='itemimg' />";

を変えればいけると思います。


----------------------------
t matsuyama
<!-- w --><a class="postlink" href="http://www.matuto.com">www.matuto.com</a><!-- w -->
----------------------------

オフライン

#12 2007-06-11 10:59:52

jn3hms
メンバー
From: 兵庫県加古川市
登録日: 2004-06-18
投稿: 20
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

matu_to さんの発言:

どうもです。
答えになるか分かりませんが・・・

jn3hms さんの発言:

1.サムネイルの大きさを<%popup%>で指定した大きさにしたい

これはちと面倒かな。。。154行目あたりのevent_PreItemファンクションを改造?
正規表現があまり得意ではないので・・・


jn3hms さんの発言:

2.テンプレートの設定を反映したい(サムネイルにスタイルシートを適用したい)

サムネイルの<img>タグには、class属性として"itemimg"を割り当てています。
スタイルシートでこのクラスを使用すれば可能かと思います。
また、別のクラスやIDを割り当てたい場合は、NP_LightboxEX.phpの147行目、

$img = "<img src='".$imgurl."' border='0' class='itemimg' />";

を変えればいけると思います。

スタイルシートの方はなんとか自力で出来ました!
ですが、サムネイルの方は私には少しハードルが高いのでもう少し勉強してから挑戦してみます。

ありがとうございました~:P

オフライン

#13 2007-06-30 14:50:06

sucoshi
メンバー
登録日: 2007-04-09
投稿: 68

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

こんにちは。とても便利なのですが、ちょっと苦戦しています。
なにかいいアイデアはないでしょうか?

サムネイルはその都度生成されるタイプのようですが、
このサムネイル画像のURLに、サーバ階層が表示されていますよね。
ところが、ひとつのサーバで複数のドメインをバーチャルドメインで管理している場合、
ここに見せたくないURLが表示されてしまいます。

http://ほげほげ.jp/action.php?action=plugin&name=LightboxEX&url=/home/見せたくないサーバ本名/www/ユーザ1/media/3/20070627-写真.JPG&size=150

上記の例は、見せたくないドメイン名で管理されているサーバ内の「ユーザ1用」ディレクトリに、
ほげほげ.jpをバーチャルドメインで設定して運用している場合の、サムネール生成URLです。
1サーバ1ドメインで運用している人なら、
上記の例の「見せたくないサーバ本名」と「ユーザ1用」は表示されないのでしょうけれど、
レンタルサーバ上で運用していたり、
複数ドメインを別々に運用している場合はちょっと困ります。

たとえばこれを、

http://ほげほげ.jp/action.php?action=plugin&name=LightboxEX&url=http://ほげほげ.jp/media/3/20070627-写真.JPG&size=150

とか、ユーザ名まではいいやと思って、

http://ほげほげ.jp/action.php?action=plugin&name=LightboxEX&url=~/www/ユーザ1/media/3/20070627-写真.JPG&size=150

などとしてみましたが、やはり動きませんでした。

PHPの機能を利用する以上、サーバ内の絶対パスは必須ということなんでしょうか?
どうかお助けください。

#じつはセキュリティ対策として管理領域にBasic認証をかけていたのですが、
通常のインストールだとLightbox用のCSSや画像類が認証下となることに気づかず、
少々悩みました。

オフライン

#14 2007-07-02 10:39:23

matu_to
メンバー
登録日: 2006-03-22
投稿: 23
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

sucoshiさんどもです。

サムネイルを呼び出すURLを以下のように変更した「NP_LightBoxEX_0_9_4.zip」を公開します。
上書きでOKです。

Ver0.9.3までは・・・url値は絶対パス

http://ほげほげ.jp/action.php?action=plugin&name=LightboxEX&url=/home/www/media/3/20070627-写真.JPG&size=150

Ver0.9.4で以下に変更

http://ほげほげ.jp/action.php?action=plugin&name=LightboxEX&url=3/20070627-写真.JPG

実は普通にグローバル値取って来れるのにURLで渡してました・・・ :cry:
まだまだひよっこです・・・

こんなんで動きますか?


----------------------------
t matsuyama
<!-- w --><a class="postlink" href="http://www.matuto.com">www.matuto.com</a><!-- w -->
----------------------------

オフライン

#15 2007-07-05 11:30:28

tosiki
メンバー
登録日: 2007-07-05
投稿: 3
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

リンク画像の表示はきれいにされるのですが。
サムネイルの表示される箇所が「?」印になってしまいます。

なにか、設定があるのでしょうか。

Fatal error: Call to undefined function: imagecreate() in /home/.sites/106/site15/web/blog/nucleus/plugins/lightboxex/class.Thumbnail_with_Frame.php on line 161


Attachments:
jpg disp_img.jpg, Size: 13.8 KiB, Downloads: 11,975

オフライン

#16 2007-07-05 14:23:47

cha_cya
メンバー
From: 東京
登録日: 2004-08-25
投稿: 745

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

<!-- l --><a class="postlink-local" href="http://japan.nucleuscms.org/bb/viewtopic.php?t=3472">viewtopic.php?t=3472</a><!-- l -->
から移動してきたようです

toshikiさん
上記アドレスにもレスが付いているのでご確認ください
後から見た人が有効活用できるよう、移動する場合は移動元と移動先にそれぞれのアドレスを記載してください

オフライン

#17 2007-07-07 06:00:31

sucoshi
メンバー
登録日: 2007-04-09
投稿: 68

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

matu_to さんの発言:

こんなんで動きますか?

パス問題の解決、ありがとうございました。

ついでと言ってはなんですが、どうも当方の環境では、
ドロップシャドウが利かないようです(以前のバージョンからです)。
プラグインの設定画面でチェックを入れると、
<%popup...%>の部分にサムネールすら表示されなくなります。

とりあえず影はとくに必要ではないので、スタイルシートでサムネール部分に以下の設定をしております。

.(サムネールを含むブロックなど)a img {margin:1em 0;padding:4px;background:#fff;border:1px solid #ccc;}

オフライン

#18 2007-07-12 22:37:34

matu_to
メンバー
登録日: 2006-03-22
投稿: 23
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

sucoshiさん、どもです。

sucoshi さんの発言:

ついでと言ってはなんですが、どうも当方の環境では、
ドロップシャドウが利かないようです(以前のバージョンからです)。
プラグインの設定画面でチェックを入れると、
<%popup...%>の部分にサムネールすら表示されなくなります。

枠付ける所はちと手抜きコーディングしたかも・・・
エラー内容とか表示されますか?


----------------------------
t matsuyama
<!-- w --><a class="postlink" href="http://www.matuto.com">www.matuto.com</a><!-- w -->
----------------------------

オフライン

#19 2007-07-13 03:59:05

sucoshi
メンバー
登録日: 2007-04-09
投稿: 68

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

こんにちは。

matu_to さんの発言:

エラー内容とか表示されますか?

とくにエラーは表示されません(PHPの設定かもしれませんが)。
単純に『ドロップシャドウ+枠つきのサムネイル画像』がまるきり表示されないだけです。
プラグインの設定で、シャドウを使わない設定にすればサムネイルは表示されます。
とりいそぎ、ご報告いたします。

オフライン

#20 2007-09-22 11:56:02

輝竜司
メンバー
From: 川崎
登録日: 2004-12-24
投稿: 34
ウェブサイト

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

はじめまして、便利なプラグインを有難うございます。

NP_LightboxEXに要望があるのですが、
NP_TrimImageのように、

テンプレートに画像のみの呼び出し変数を記述

<%blog%>で画像のみ呼び出し
↓←ここから先は無くても良いかも知れません…
キャプション部分の、記事へのリンクをクリックすると、Lightboxウィンドウを閉じ、当該記事へ

という使い方が出来るようになるとうれしいです。

イラストブログを運営しているのですが、イラストだけを一通り閲覧したいという要望がありまして、
一時期、特定フォルダの画像一覧作成機能があるNP_Lightbox2の方を使っていました。

ただ、画像がアップロードされた時間で並び順が決定されてしまったり、
カテゴリ分けがフォルダ単位で決まってしまうため、画像の再アップロードやフォルダ分けが必要になり、
なかなか気軽には使えない状況です。

是非ご検討いただけると嬉しいです。
よろしくお願いいたします。


日々何か描いてます。
移植のお手伝いさせて頂いた、nc.Vicunaもよろしくお願いします:)
http://citrocube.com/
http://nc.vicuna.jp/

オフライン

#21 2007-10-10 01:16:56

trenco
メンバー
登録日: 2006-05-06
投稿: 2

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

いつもプラグインありがたく使わせて頂いています。

さて、NP_LightBoxEXを、最新バージョンにしたところ、(0.93→0.94)
画像の読み込みが極端に重くなってしまいました。
以前はサクサクでした。

いろんなプラグインをバージョンアップしている最中の事だったので、
何か相性の悪いプラグインがあったのかと思い、TrackBackやTagEX、Amazonなど
いろいろ外してみましたが、改善はされませんでした。
ちなみに、ものすごく時間がかかりつつも表示はされます。

小さな画像一枚でこんな感じです。
http://www.trenco.org/item/23
画像をたくさん置いたページは、論外な時間です。
(根気のある方はこちらを・・・http://www.trenco.org/item/506)

サーバはxreaのs48広告有り、
Nucleus本体は3.3
PHPは4.4.7
MySQLは 4.0.26です。
UTF-8で運用しています。
自分でプラグインは書けないので、ちんぷんかんぷんです。
何か思い当たる事があれば教えていただければと思います。
すみません :oops:

オフライン

#22 2007-10-10 04:27:22

sucoshi
メンバー
登録日: 2007-04-09
投稿: 68

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

あ、リトルカブだ! ミラーとシートがイカす! ベトキャリつきだし!

すいません、横から関係ないところに反応してしまいまいした  :oops:

わたしも素人級なのですが、このプラグインはサーバに組み込まれた機能(PHPとGDライブラリだったはず)を利用して、画面表示のたびにサムネールを生成するもののはずです。
ですので、そこで時間がかかっているものと思うんです。

失礼ですが、trencoさんのサイトはバックが黒のため、サムネールに追加されるドロップシャドウ効果は不要だと思います。
わたしが利用しているサイト(さくらインターネット)では、なぜかドロップシャドウをつける設定にすると、サムネール自体が生成されなくなってしまう現象があります。
なので、ためしにドロップシャドウを使わないで試してみてはいかがでしょうか。

あいまいで回答にもなっていないのに横から失礼しました :oops:  :oops:

オフライン

#23 2007-10-10 13:41:12

trenco
メンバー
登録日: 2006-05-06
投稿: 2

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

sucoshiさん
そこを誉めていただけるとは思いませんでした8)
記事から2年経ってますが、今も現役で元気に走っています big_smile

画像を黒背景に合うようにして使っていたのですが、
0.94にアップグレードして画像まで上書きしちゃったので、
ドロップシャドウは気にもせずONにしていましたが、
外してみると軽くなりました。
助かりました、ありがとうございました big_smile

オフライン

#24 2007-11-01 22:34:23

tart073
メンバー
登録日: 2007-10-31
投稿: 2

Re: NP_LightboxEX (LightBox JS V2とドロップシャドウ付きサムネイル表示機能)

大変かっこいいプラグインで簡単に導入できるため使わせてもらっています。

実は大きいサイズの画像を投稿した際にサムネイル画像が表示されません。ポップアップは通常通り動作するのですが、サムネイルが表示されるはずの場所が×印になってしまいます。
試しに'http://****.com/action.php?action=plugin&name=LightboxEX&url=*/****557.jpg'にアクセスしてみるとサーバーエラー500が返ってきてしまいました。通常の画像は全てうまく表示できるのですが・・。

失敗する画像サイズは1280×960ピクセル、270 KBほどの画像です。ためしに画像サイズを800×600に変更してから投稿するとうまくいきました。

勉強不足ですが、やはりアップロードする画像サイズを制限する以外の方法はありませんでしょうか?

オフライン

Board footer