pictlayer2007-12-19(Wed)
2008/03/07
IEでの画像オンマウス時の表示を、他のブラウザと揃えました。 詳しくはこちらへ
エントリ内にある画像をクリックすると、原寸大でレイヤー表示するFc2用共有プラグインです。
作動確認はWin（IE6・IE7・FX2・OP9・safari3）と Mac（safari3）でしてあります。
Fc2用共有テンプレート『p_space』には標準で組み込まれていますので、そのテンプレートをお使いの場合はプラグインとして設定しないで下さい。
以下に設定箇所の説明を書いておきます。
1. 画像レイヤーの背景色
原寸表示した画像の周りの色になります。
先頭に「#」（シャープ）を付けた6桁の16進数でRGB値を指定します。
こう書くとかえって難しそうですが、CSSなどと同じ方法です。
#000000の黒から#ffffffの白まで好きな色を指定できます。
2. 不透明度を指定(0-100)
上で指定した背景の不透明度を指定します。
0から100までの半角数字で指定します。
見え方は元の指定色やblogデザインの色に左右されますので、色々試して適正値を見つけてください。
3. 画像に装飾用のスタイルを指定
原寸表示した画像の周りに枠線などの装飾を施せます。
スタイルシートの指定と同じ方法で指定します。
4. 画像が有るカラムのID名を記入
このプラグインはHTML側を一切編集しないで使えるように、デフォルトではページ上の全てのリンクを精査します。その中から必要なリンクだけを選ぶようになっているのですが、あらかじめその範囲を指定することで、余計な精査をしないようになります。エントリーを含む場所のID名を記入するとその場所しか探しません。プラグインなどにある無数のリンクを精査対象から外す事を目的としています。
しかし、HTMLの構造が理解できていない方はそのままにしておいて下さって結構です。
記入しなくても、現在のパソコンの能力なら、体感できるほどの違いはありません。
Comments
わ〜い 早く承認されないかなぁ♪
2007-12-20 19:44 | URL | kaze [ 編集]
はい、じっちゃまぁ 承認されておりました。
＼（＾-＾）／バンザーイ ＼（＾o＾）／バンザーイ
日鷹さんもfc2デビューですか？
2007-12-20 22:38 | URL | kaze [ 編集]
100回以上チェックかけて待ってました＼(゜ロ＼)ココハドコ? (／ロ゜)／アタシハダアレ?
では、入ります。
はやおきしてよかったぁ！！！！
お使いいただいて誠にありがとうございます。
不明な点や、不具合がありましたらお教えくださるとありがたいです。
どうぞよろしくお願いします。
kazuさん，こんばんは。先日はありがとうございました。
今度はプラグイン『pictlayer』をメインブログにダウンロードさせていただきました。画像の拡大表示が迅速かつスマートに出来るので，とても素晴らしいプラグインです。以前，自ブログにLiteboxの導入を試みましたが上手く行かずに諦めていましたので，プラグインだけで同等の効果が得られる『pictlayer』には脱帽いたしました。
さて，またお尋ねしたいことがあります。現在『pictlayer』を自ブログのカテゴリー１，２にダウンロードして，トップページと各記事のパーマリンクに適応させることが出来ましたが，カテゴリー，月別アーカイブの画面にも適用させることは出来ますか？言い換えればブログ上の全てのページに渡って『pictlayer』の効果を適用することは出来るでしょうか。
恐らくテンプレートのHTML構造などにより条件が変わると思いますので，一般論としてのお答えで充分です。何らかのヒントがいただければ幸いです。
hideandseekさん。
pictlayerをお使いいただき、ありがとうございます。
今ざっと拝見させていただきましたが、表示されないモードの時はpictlayerもサイドバーに表示されていないようですね。モードによって表示を変えるテンプレートの様ですが、ページ中にpictlayerが表示されていないと働きません。ページ内の何処かに表示するようにしてください。
もしjavascriptを外部リンクする方法をご存知でしたら、プラグインから出して別ファイルにする方法もあります。スクリプトの内容はそのままでも大丈夫です。（元は外部ファイルとして書き始めてスクリプトです）
ご検討を祈ってます。
kazuさん
>ページ中にpictlayerが表示されていないと働きません。
とりあえずテンプレートHTMLの「共通項」のようなところに組み込んでみたところ，全頁に適応できました。素晴らしい！
ありがとうございました！！
はじめまして。
pictlayer、使用させていただいております。
ブログを見てくれる友人にも「かっこいい」と好評で、
大変、重宝しています。
こちらのプラグインはFC2向けに作成されたものだと思うのですが、
この機能が大変、気に入ってしまいまして、
もし許されるなら他のブログでも利用させていただきたいのです。
FC2とは別にDTIブログにもブログを持っているのですが、
そちらで利用することは可能でしょうか。
（技術的にというよりは、Kazuさんのお気持ちなのですが。）
無理なお願いと承知しています。
もし、ご気分を害されましたら、申し訳ありません。
ヒノキオケさん。
pictlayeを気に入っていただき、誠にありがとうございます。
お分かりのように、このスクリプトはFC2で無くても動きます。元々オープンソースとするつもりで書きましたので、ご自由にお使いください。
ありがとうございます！
とっても嬉しいです！
さっそく設置させていただきたいと思います。
本当にすばらしいプラグインをありがとうございます！
初めてコメントさせていただきます。
noriさん経由で拝見してるangeですが
今回、kazuさんのpictlayerを使わせていただきました！
メニュからこちらへのLINKもさせていただきました。
このプラグイン、noriさんところやNKさんところでも拝見してて
使ってみたいとずっと思っていました。
テンプレートの兼ね合いがいまいちなんですが
どうしても使いたかったので・・・＾＾；
最新記事の桜写真2つもすばらしいですね
特に夜桜の写真に圧倒されました！
また、お邪魔させていただきます。
よろしくお願いします。
angeさん。
pictlayerをお使いいただきありがとうございます。
ボクもnoriさんのところからお邪魔したことがあるんですよ。すっと気持ちに触れるような、お洒落な写真を撮られ方だな〜と思ってました。
確かエキサイトブログだったと記憶してましたが、FC2もお持ちだったんですね。お役に立てたら嬉しいです。
pictlayerですが、ブログだけではなく、
普通のWebページでも使用できれば最高です。
pictlayer2の要望です！？
表示画像にマウスを乗せたx秒後（指定可能だけど初期2秒）で
表示されて、画像の真ん中にカーソルが移動し、
その画像からマウスが離れるとレイヤーが消えるという
ものです。
もし作成された上で可能であれば、それもwebページで
使えるようにしていただきたいです。
以上です。ご検討、よろしくお願いいたします。m(__)m
2008-04-10 17:24 | URL | rainex [ 編集]
rainex さん。
実はpictlayerはblog限定では無いのですよ。
と言うより、元々外部ファイルとして個人的に使っていたものを、友人達が使ってくれるようになりました。お陰様で好評を頂きましたので、それならばプラグインとして公開しようとなったのです。
なので基本的にどのWebページでも使用可能です。
（blogも表示された状態は普通のWebページとなんら変わりませんし）
オープンソースとして公開したつもりですので、御自由に使っていただいて結構ですよ。
オンマウスで表示、オフ後に消えるとなると、表示中は画像にマウスが乗ったままですよね。これは鑑賞の妨げになると思われますので、作らないと思います。スミマセン。
コメントの投稿
トラックバック
このページのTrackback-URL
http://fseasons.blog39.fc2.com/tb.php/459-c17a2f35
写真のオーバーレイ表示
当ブログのテンプレートに，写真がオーバーレイ表示できる『pictlayer』を導入しました。 百聞は一見にしかず。右の写真をクリックしてみてくだ... .....
2008.02.12 | 日々流転的備忘録（かくれんぼ）
すでに登録されているいくつかのこういう機能のプラグインよりも、このPictlayerが優れているのは、うっすらと元のページが背後に残ったまま、という点でしょう。それと、altに close というボタンが出る点です。小さなことかもしれませんが、kazuさんの細かい配慮が見られてうれしくなります。
2007-12-20 04:38 | URL | NK [ 編集]