2008年02月22日

画像拡大表示スクリプト「Lightbox Plus」

「Lightbox JS」の追加機能版「Lightbox Plus」を試してみた。

Lightbox JS
http://www.huddletogether.com/projects/lightbox/

Lightbox Plus
http://serennz.sakura.ne.jp/toybox/lightbox/?ja


posted by localghost at 11:23| WEB(HTML,CSS,Javascript,DHTMLなど)

2008年02月09日

シンプルで軽快に動作する画像拡大スクリプト -FancyZoom

以前、「Javascriptを使ってサムネイル画像をポップアップ拡大表示する」というエントリーを書いたが、これより軽快かつ簡単な画像拡大スクリプトが下記で紹介されていたのでチェック。

[JS]シンプルで軽快に動作する画像拡大スクリプト -FancyZoom | コリス
http://coliss.com/articles/build-websites/operation/javascript/803.html

外部スクリプトはウェブページのルートディレクトリ("/")直下に置くようになっているが、ブログに書く場合はルートディレクトリがわからない場合もあるので、任意の場所においてフルURLの絶対パスで読み込むよう変更した。拡大画像のサイズはブラウザのその時の表示可能エリアに合わせて自動調節されるので、元画像の大きさを気にしなくてよいところがすばらしいです。


ただ、IE6,7だと拡大画像周辺のドロップシャドウが効かないみたい。FirefoxではOK。
posted by localghost at 11:13| WEB(HTML,CSS,Javascript,DHTMLなど)