掲載画像 Lightbox化

On 2009年11月30日, in WordPress, 自己紹介, by saburo102x

自分の覚書ということもあり、記事エントリします。

土日にかけて、この「湘南画材研究所」掲載画像をLightbox化すべく、色々なWordPress Pluginをグリグリ試してました。

最初に試したのは、Picasa Image Express for WordPress + Slimbox Plugin

ここで気がつくべきだったのですが、Picasa Image Express for WordPressでは、サムネイル表示が 160 pixelが最大、400 pixel(幅)にしたいのはダメでした…

・ サムネイル 400 pixel(幅) ー> それをクリックすると、Lightbox表示 ー> 且つ、元画像へのリンク

・ 物凄くアナクロなのですが、小生の記事エントリ掲載画像は、Google Picasaの画像を埋め込みコードをそのまま貼り付けている。これは、CNET Japanにも同じ画像を掲載したいからです。

あと、Install ー> Uninstallを繰り返した。名前も忘れてしまうほど、色々試してみた。結局、Picasa Image Express for WordPress + WP-Slimbox2 と言うよりも、

WP-Slimbox2 に落ち着いた。

CSSにコードを貼り付けることもしていないのですが、今までGoogle Picasaの画像を埋め込みコードをそのまま貼り付けていたものもLightbox化されたではないですか! 一応成功ということか。

↓ そう言えば、この表示も「ばみり」と言えばそうですね。一応横線の替わりのつもり?

 

Upload32

画像1

lightbox.jpg(1068 x 857)

今までだと、掲載画像をクリック ー> Google Picasaへ ー> 拡大表示をクリック

元画像を見るためには、最低1クリック 拡大表示を見るためにはもう1クリック 必要だったものがLightbox化によって1クリックで見られるようになった(但し最大幅は800 pixelなので、それ以上の大きさの元画像を見るためにはLightbox左下のアルバムへのリンクをクリックする)。多少なりとも、掲載画像の視認性が高まったと思います。

テスト環境

WordPress バージョン 2.8.6 + WP-Slimbox2 バージョン 0.9.7.1

Apple MacBook Pro(Late 2008)(Mac OS X Leopard 10.5.8)

Safari バージョン 4.0.4(Mac版)

Firefox 3.5.5(Mac版)

HP Compaq dx7500 MT(Windows XP Professional SP3)

IE8

Firefox 3.5.5(Win版)

 

現在は、Picasa Image Express for WordPressで、Photo Galleryを作成中です。



↑ BIGLOBEさんが2011/04に始めた Pochi です。

Tagged with:  

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

記事エントリからのお薦めソフト

Firefox ブラウザ無料ダウンロード
back to top