Home > WEB | WordPress > FancyZoomで画像を拡大表示

FancyZoomで画像を拡大表示

codaというエディタが使いやすいということで、
販売サイトをみてるときに見つけた、WEBで画像を表示するJSライブラリのFancyZoom。

lightboxとはまた違った感じでおもしろい、
WordPressのプラグイン化したものもあったので、このサイトにも入れてみた。

ふじ
画像クリックで拡大・・・するはず。

参考)
■ coda (panic japan)
http://www.panic.com/jp/coda/

■ FancyZoom (この人もpanicの中の人)
http://www.cabel.name/2008/02/fancyzoom-10.html

■ WP FancyZoom
http://granades.com/wp-fancyzoom-wordpress-plugin/

一部 vicuna のテンプレートのCSSとバッティングしてうまく表示されなかったので、
FancyZoomのスタイルをちょっといじりました。

JAVASCRIPT:
  1. inCol1.style.width = '27px';
  2. inCol1.style.border = 'none'// 追加
  3. inCol1.style.backgroundColor = 'transparent'// 追加

inCol2 ~ inCol9も同様に修正。IE6だと透過png 表示できなくて残念。

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://parpue.net/wordpress/6/trackback
Listed below are links to weblogs that reference
FancyZoomで画像を拡大表示 from parpue.net

Home > WEB | WordPress > FancyZoomで画像を拡大表示

リンク
chocolataste-planner
millon

サーチ
Feeds
Meta
blog ranking ブログランキング・にほんブログ村へ
にほんブログ村 テクノラティのお気に入りに追加する

Return to page top