FancyZoomの設定について
|
FancyZoom 1.1(ここから入手)は、画像をスムーズに拡大ポップアップしてくれる
JavaScript zipファイル解凍後、2つのフォルダjs-globalとimages-globalをサーバの任意の場所 にアップロード |
=HTMLの記述方法=
<head></head>の間に以下を追記 <script src="/js-global/FancyZoom.js" type="text/javascript"></script> <script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script> *アップロードしたJavaScriptファイルの場所を相対パス(例えば、../../js-global/...) で指定 <body>タグ部分に以下を追記 <body id="whatever" onload="setupZoom()"> 画像を貼り付けるタグの記述 <a href="image.jpg" title="説明文"><img src="image-thumbnail.jpg" /></a> *拡大させたくない場合 <a rel="nozoom" href="image.jpg"><img src="image-thumbnail.jpg" /></a> |
=FancyZoom.jsの改変=
FancyZoom.jsの44行目のコードを、アップロードするZoomフォルダへ絶対パスを通 すように改変 例えば、var zoomImagesURI = 'http://www.katch.ne.jp/~kakonacl/js-global/images -global/zoom/'; // Location of the zoom and shadow images |
=成績= IExplorerの反応速度は、IE9, IE6, IE7, IE8の順で、IE8が最も低速だった。 |
なお、Javascript onloadが他にも複数ある場合の対処方法は、こちらのHpを参照。
|
|
|
|
| Kenのムービー計画へ | |