Lightboxみたいな画像表示スクリプトのFancyZoom導入してみました。
Lightboxとは違い、こちらは画像リンクにrel属性とかつけなくてもスクリプトの効果が得られます。
※逆に、スクリプト動かしたくないときはaタグに「rel=nozoom」を入れる必要がある
導入方法
- 配布サイトからスクリプトをダウンロードする
- 解凍して出来る「images-global」、「js-global」ディレクトリをサイトにアップロードする
- <head>タグ内に以下の２行を追加する（パスは自分のサイトに合ったように随時書き換えること）
<script src="/js-global/FancyZoom.js" type="text/javascript"></script>
<script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script> - bodyタグに以下の記述を追加
<body id="whatever" [...] onload="setupZoom()">
これで終了。
お手軽です。