Ads by Google--------(--)

Tag : 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告

pictlayer2007-12-19(Wed)

Tag : 
プラグイン 
pictlayer




このflashパーツは画像を原寸表示した時に見えなくなるか、テストの為においてあります

Pictlayerをお使いいただき、ありがとうございます。
Pictlayerは、エントリ内にある画像をクリックすると、原寸大でレイヤー表示するFc2用共有プラグインです。このページでは、Pictlayerをお使いになる上での情報を載せています。先ずはご一読ください。コメントとその回答にも疑問を解決するヒントが有るかも知れませんので、最後までお読みいただければと思います。

作動確認はWin(IE6・IE7・FX2・OP9・safari3)と Mac(safari3)でしてあります。
Fc2用共有テンプレート『p_space』には標準で組み込まれていますので、そのテンプレートをお使いの場合はプラグインとして設定しないで下さい。

更新履歴


2008/11/05
9/05の変更で、画面をリサイズした場合に初期化する様にしましたが、IE6で標準モードのテンプレートをお使いの場合に、pictlayerが上手く作動しないことがあるようです。どうもリサイズ関連の実装が影響してるようですが、特定の環境で起きる不具合で原因が絞り込めません。なので『画面をリサイズした場合に初期かする』というのを、11/03の更新で止めにしました。
お使いのテンプレートが標準モードで作動してて、普段IE6を使用していない場合は、ご自身では気付きにくいと思われまのでご注意ください。標準モードと互換モードの見分け方
なお配布してる共有テンプレート『p_space』においては、IE6の場合互換モードで作動していて、不具合も出ていないようです。

2008/10/05
ページ内にあるflash等のコンテンツで、画像より全面に来てしまうのが有るとの報告を受けましたので、画像表示中はそれらを非表示にするようにしました。

2008/09/05
開いたら画像が以外に大きく、それに合わせてブラウザを大きくすると、余白が出来たり画像が中央にならなくなるのを修正しました。ブラウザのサイズを変更すると、Pictlayerを一度初期化します。それにより新しいサイズに合わせた表示が可能となります。

2008/03/07
IEでの画像オンマウス時の表示を、他のブラウザと揃えました。 詳しくはこちらへ


以下に設定箇所の説明を書いておきます。

1. 画像レイヤーの背景色
原寸表示した画像の周りの色になります。
先頭に「#」(シャープ)を付けた6桁の16進数でRGB値を指定します。
こう書くとかえって難しそうですが、CSSなどと同じ方法です。
#000000の黒から#ffffffの白まで好きな色を指定できます。

2. 不透明度を指定(0-100)
上で指定した背景の不透明度を指定します。
0から100までの半角数字で指定します。
見え方は元の指定色やblogデザインの色に左右されますので、色々試して適正値を見つけてください。

3. 画像に装飾用のスタイルを指定
原寸表示した画像の周りに枠線などの装飾を施せます。
スタイルシートの指定と同じ方法で指定します。

4. 画像が有るカラムのID名を記入
このプラグインはHTML側を一切編集しないで使えるように、デフォルトではページ上の全てのリンクを精査します。その中から必要なリンクだけを選ぶようになっているのですが、あらかじめその範囲を指定することで、余計な精査をしないようになります。エントリーを含む場所のID名を記入するとその場所しか探しません。プラグインなどにある無数のリンクを精査対象から外す事を目的としています。
しかし、HTMLの構造が理解できていない方はそのままにしておいて下さって結構です。
記入しなくても、現在のパソコンの能力なら、体感できるほどの違いはありません。

Comments ∇ | Trackback ∇ | プラグイン

Comment

すでに登録されているいくつかのこういう機能のプラグインよりも、このPictlayerが優れているのは、うっすらと元のページが背後に残ったまま、という点でしょう。それと、altに close というボタンが出る点です。小さなことかもしれませんが、kazuさんの細かい配慮が見られてうれしくなります。

2007-12-20 04:38 | URL | NK

わ〜い 早く承認されないかなぁ♪

2007-12-20 19:44 | URL | kaze

承認されていましたよ。
既に35件以上ダウンロードされてました。
写真同様に凄い人気ですね。

2007-12-20 22:12 | URL | 日鷹

はい、じっちゃまぁ 承認されておりました。
\(^-^)/バンザーイ \(^o^)/バンザーイ

日鷹さんもfc2デビューですか?

2007-12-20 22:38 | URL | kaze

別サイトでFC2を借りています。
でも、実運営は私ではなく愛娘です。
テンプレートの設定等は私がやっているのですけど…

2007-12-21 00:04 | URL | 日鷹

100回以上チェックかけて待ってました\(゜ロ\)ココハドコ? (/ロ゜)/アタシハダアレ?
では、入ります。
はやおきしてよかったぁ!!!!

2007-12-21 05:05 | URL | NK

お使いいただいて誠にありがとうございます。
不明な点や、不具合がありましたらお教えくださるとありがたいです。
どうぞよろしくお願いします。

2008-01-01 18:51 | URL | kazu

kazuさん,こんばんは。先日はありがとうございました。
今度はプラグイン『pictlayer』をメインブログにダウンロードさせていただきました。画像の拡大表示が迅速かつスマートに出来るので,とても素晴らしいプラグインです。以前,自ブログにLiteboxの導入を試みましたが上手く行かずに諦めていましたので,プラグインだけで同等の効果が得られる『pictlayer』には脱帽いたしました。

さて,またお尋ねしたいことがあります。現在『pictlayer』を自ブログのカテゴリー1,2にダウンロードして,トップページと各記事のパーマリンクに適応させることが出来ましたが,カテゴリー,月別アーカイブの画面にも適用させることは出来ますか?言い換えればブログ上の全てのページに渡って『pictlayer』の効果を適用することは出来るでしょうか。

恐らくテンプレートのHTML構造などにより条件が変わると思いますので,一般論としてのお答えで充分です。何らかのヒントがいただければ幸いです。

2008-02-11 22:16 | URL | hideandseek

hideandseekさん。
pictlayerをお使いいただき、ありがとうございます。
今ざっと拝見させていただきましたが、表示されないモードの時はpictlayerもサイドバーに表示されていないようですね。モードによって表示を変えるテンプレートの様ですが、ページ中にpictlayerが表示されていないと働きません。ページ内の何処かに表示するようにしてください。
もしjavascriptを外部リンクする方法をご存知でしたら、プラグインから出して別ファイルにする方法もあります。スクリプトの内容はそのままでも大丈夫です。(元は外部ファイルとして書き始めてスクリプトです)
ご検討を祈ってます。


2008-02-11 23:17 | URL | kazu

kazuさん
>ページ中にpictlayerが表示されていないと働きません。
とりあえずテンプレートHTMLの「共通項」のようなところに組み込んでみたところ,全頁に適応できました。素晴らしい!
ありがとうございました!!

2008-02-12 07:58 | URL | hideandseek

hideandseekさん。
そうですか、良かったです〜(^^)v

2008-02-12 19:47 | URL | kazu

お礼といってはナニですが,トラックバックもさせていただきました。(^_^)/~

2008-02-12 23:12 | URL | hideandseek

いや、紹介記事まで書いていただいて恐縮です。m(_,_)m

2008-02-12 23:14 | URL | kazu

はじめまして。
pictlayer、使用させていただいております。
ブログを見てくれる友人にも「かっこいい」と好評で、
大変、重宝しています。

こちらのプラグインはFC2向けに作成されたものだと思うのですが、
この機能が大変、気に入ってしまいまして、
もし許されるなら他のブログでも利用させていただきたいのです。
FC2とは別にDTIブログにもブログを持っているのですが、
そちらで利用することは可能でしょうか。
(技術的にというよりは、Kazuさんのお気持ちなのですが。)

無理なお願いと承知しています。
もし、ご気分を害されましたら、申し訳ありません。

2008-02-18 22:01 | URL | ヒノキオケ

ヒノキオケさん。
pictlayeを気に入っていただき、誠にありがとうございます。
お分かりのように、このスクリプトはFC2で無くても動きます。元々オープンソースとするつもりで書きましたので、ご自由にお使いください。

2008-02-18 22:50 | URL | kazu

ありがとうございます!
とっても嬉しいです!
さっそく設置させていただきたいと思います。
本当にすばらしいプラグインをありがとうございます!

2008-02-19 01:23 | URL | ヒノキオケ

初めてコメントさせていただきます。
noriさん経由で拝見してるangeですが
今回、kazuさんのpictlayerを使わせていただきました!
メニュからこちらへのLINKもさせていただきました。
このプラグイン、noriさんところやNKさんところでも拝見してて
使ってみたいとずっと思っていました。
テンプレートの兼ね合いがいまいちなんですが
どうしても使いたかったので・・・^^;
最新記事の桜写真2つもすばらしいですね
特に夜桜の写真に圧倒されました!
また、お邪魔させていただきます。
よろしくお願いします。

2008-04-01 13:46 | URL | ange

angeさん。
pictlayerをお使いいただきありがとうございます。
ボクもnoriさんのところからお邪魔したことがあるんですよ。すっと気持ちに触れるような、お洒落な写真を撮られ方だな〜と思ってました。
確かエキサイトブログだったと記憶してましたが、FC2もお持ちだったんですね。お役に立てたら嬉しいです。

2008-04-01 20:26 | URL | kazu

pictlayerですが、ブログだけではなく、
普通のWebページでも使用できれば最高です。

pictlayer2の要望です!?
表示画像にマウスを乗せたx秒後(指定可能だけど初期2秒)で
表示されて、画像の真ん中にカーソルが移動し、
その画像からマウスが離れるとレイヤーが消えるという
ものです。

もし作成された上で可能であれば、それもwebページで
使えるようにしていただきたいです。

以上です。ご検討、よろしくお願いいたします。m(__)m

2008-04-10 17:24 | URL | rainex

rainex さん。
実はpictlayerはblog限定では無いのですよ。
と言うより、元々外部ファイルとして個人的に使っていたものを、友人達が使ってくれるようになりました。お陰様で好評を頂きましたので、それならばプラグインとして公開しようとなったのです。
なので基本的にどのWebページでも使用可能です。
(blogも表示された状態は普通のWebページとなんら変わりませんし)
オープンソースとして公開したつもりですので、御自由に使っていただいて結構ですよ。

オンマウスで表示、オフ後に消えるとなると、表示中は画像にマウスが乗ったままですよね。これは鑑賞の妨げになると思われますので、作らないと思います。スミマセン。

2008-04-10 21:10 | URL | kazu

pictlayer使わせていただいておりますm( _ _ )m
すばらしいプラグインですねヾ(゚ω゚)ノ゛

私のページなんですが、テンプレートの仕様で「続きを読む」がその場で展開する形になっております。
「続きを読む」を展開した状態でpictlayerが動作すると、「続きを読む」を展開する前のページのサイズの部分までしか背景が設定されないようです。
これだと、訪問者が画像を閉じるのを忘れて他の場所がクリックできなくなったと勘違いしてしまいそうです。
何か回避方法はありますでしょうか?

2008-06-10 13:34 | URL | べり帝

べり帝さん、こんばんは。
プラグインをお使いいただき、ありがとうございます。
お尋ねの件ですが、確かにそのような動作をしてしまいますね。pictlayerが作動する時に表示されているページのサイズを拾って、それに合わせたレイヤーを生成してますのでこうなります。

解決策としては、展開した時にもう一度pictlayerを作動させたら良いかなと思いますが、こちらでの検証は難しいので、以下の方法で編集して試していただけますか?

テンプレートのhead内にあります、function showMorを編集するのですが、テンプレートを直接編集するので、バックアップを取るなど、慎重に作業して下さい。

function showMorスクリプトの最後の部分
return true; }
}
//-->
</script>



return true; }
initi();
}
//-->
</script>

と書きなおしていただけますでしょうか。
これで、展開後にpictlayerがもう一度作動すると思います。そうすれば、展開後のページの大きさを取得出来るのではないかなと考えています。

2008-06-10 20:54 | URL | kazu

やってみました!ヾ(゚ω゚)ノ゛
ちゃんと動作しています^^
本当にありがとうございます(≧∇≦)b
レスも早かったですが、対処も解りやすくて良かったです^^
私のサイトに訪問してくれる方がpictlayerに興味を持ってくれたらいいなと思います。
こちらのトップへのリンクをつけても宜しいですか?

2008-06-11 10:54 | URL | べり帝

べり帝さん。
うまくいきましたか!
良かったです〜(^^)
リンクですか、大歓迎ですよ。
ありがとうございます。

2008-06-12 07:43 | URL | kazu

kazuさん こんにちは。

pictlayerの表示について質問させてください。
サムネイルをクリックして大きいサイズの画像を表示する時に、画像の表示位置が右下にずれてしまうことがあります。
(ちょうど画面の真ん中を左上にして表示するみたいなんですが)

kazuさんのblogではこの現象が出たことはありません。
写真のサイズが小さいと表示位置がずれてしまうのでしょうか?
ちなみに その(表示位置がずれた)画像をクリックして閉じ、もう一度サムネイルをクリックすると正常に(サムネイルの上に)表示されます。

多分使い方の問題なんだと思われます。
よろしくご指導くださいませ <(__)>

2008-06-22 13:47 | URL | kaze

kazeさん。
それは多分、ページの読み込みが終了していないうちにクリックをしてしまったのだと思います。記事が読めていたも、プラグインの中でfc2や外部のサーバーと交信中な事はよくあります。自分のページでも一時、管理者画像がいつ間で経っても表示されない時期がありました。数キロバイトの小さな画像なのですがね。
ページ読み込みが終了してからクリックしていただければ問題ないと思います。サーバの調子以外にも回線が妙に遅い時もあります。ステータスバーなどで、ページの読み込み状況を確認してみていただけますか。

2008-06-22 19:40 | URL | kazu

わかりました。
もうちょっと観察してみます。
ご回答 ありがとうございました。

2008-06-22 20:01 | URL | kaze

pictlayer使わせていただいておりますm(_ _)m

質問なのですが、普段画像を右クリ出来ないように oncontextmenu="return false"と入力してます。
ですが、これの意味がなくなります。。。

このプラグインのjavascript内に何か挿入すれば、右クリ出来ない様な仕様に出来ますか?
お教え下さい・・・。

2008-06-29 20:23 | URL | もも

ももさん、pictlayerをお使いいただき、ありがとうございます。
右クリック禁止ですか?ご察しのように、プラグインのjavascript内に一行書き加えていただければ出来ますよ。場所を特定しやすいように、前後合わせて3行分を以下に記しておきます。

Imgcontainer.onclick = function() {removePict();}
Imgcontainer.oncontextmenu = function() {return false;}
DivElement.style.display = 'block';

真ん中の行が新しく書き加える文字です。
前後の文字から場所を探して挿入してください。

老婆心ながら、画像が保存されるのを防ぐ目的には、ほとんど無力なのはご存じですよね。(^_-)

2008-06-29 21:50 | URL | kazu

kazu様、ありがとうございましたm(_ _)m

>画像が保存されるのを防ぐ目的には、ほとんど無力なのはご存じですよね。(^_-)
 はい・・・meta http-equiv="Imagetoolbar" content="no"など、初心者サンにはお持ち帰り出来ない様に工夫はしてるんですが・・・
pct scrがあるので無意味は無意味なんですよね・・・;

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

2008-06-29 23:29 | URL | もも

画像をグイッとデスクトップにでもドラッグしてしまえば、あっと言う間に保存完了ですから〜(´ー`)
とはいえ、人さまの運営方針に口出しするつもりは毛頭ありません。
ももさんの方針でお続け下さい。m(__)m

2008-06-30 21:02 | URL | kazu

テンプレートを変えたので…
kazuさんFC2ではありませんが使わせていただきますね

2008-09-07 00:02 | URL | 日鷹

日鷹さん。
お、そちらでも使えそうですか?
ありがとうございます。

2008-09-07 20:07 | URL | kazu

fc2ブログで使わせていただいております
非常に便利なプラグインで重宝しております

ただ、画像をクリックしレイヤー表示された際に、ページ内のflashコンテンツ(ブログパーツ)に重なると、最前面にflash次に画像という順番になってしまいます

→ flash | 画像 | ブログ


下記の様に、常に画像レイヤーを最前面にすることは可能なのでしょうか?

→ 画像 | flash | ブログ

2008-10-04 22:37 | URL | てつお

てつおさん。
お使いいただきありがとうございます。
flashが最前面にきてしまうとの事ですね。今まで何個かflashパーツを付けた事がありあますが、そういう経験が無かったので気付きませんでした。モノによっては最前面へ出す様にプログラムされているのも有るのかも知れませんね。
そこで画像の重ね合わせを変更するのはブログパーツの都合に左右されそうですので、画像表示中はflash等を非表示にするようにpictlayerを書き換えてみました。こちらのテストでは動作に問題は無かったですが、もしかしたらブログパーツによって違うかも知れません。ご面倒ですが、新しいpictlayerを使ってみていただけますでしょうか。結果をご報告いただければ幸いです。

2008-10-05 17:15 | URL | kazu

10/5の時点ではプラグイン自体が検索でHITせず試すことは出来ませんでしたが、昨日検索でHITするようになり再ダウンロードさせていただきました

自分のブログではflashコンテンツが非表示になり、画像が最前面で問題なく表示されました

わざわざ書き換えまでしていただきありがとうございました

2008-10-07 09:13 | URL | てつお

てつおさん。
新しい方のご報告をありがとうございました。
こうしてフィードバックをいただく事で、自分一人では気付かなかった事も対処できるようになりました。感謝しております。

2008-10-07 19:58 | URL | kazu

Trackback

写真のオーバーレイ表示

当ブログのテンプレートに,写真がオーバーレイ表示できる『pictlayer』を導入しました。 百聞は一見にしかず。右の写真をクリックしてみてくだ... .....

2008.02.12 | 日々流転的備忘録(かくれんぼ)

Archives

Categoryise

Tags-list

Search in blog

About-me

myimage

Name: kazu  home mail  admin

撮影日誌&雑録
関東や信州の自然を主にいろいろ撮ってます。最近の主力は EosKissDX 。写真や記事の感想をお気軽にお寄せください。


count