cabel.name: FancyZoom 1.1導入してみた

cabel.name: FancyZoom 1.1

 

Lightboxみたいな画像表示スクリプトのFancyZoom導入してみました。

Lightboxとは違い、こちらは画像リンクにrel属性とかつけなくてもスクリプトの効果が得られます。

※逆に、スクリプト動かしたくないときはaタグに「rel=nozoom」を入れる必要がある

 

導入方法

  1. 配布サイトからスクリプトをダウンロードする
  2. 解凍して出来る「images-global」、「js-global」ディレクトリをサイトにアップロードする
  3. <head>タグ内に以下の2行を追加する(パスは自分のサイトに合ったように随時書き換えること)

    <script src="/js-global/FancyZoom.js" type="text/javascript"></script>
    <script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script>

  4. bodyタグに以下の記述を追加
    <body id="whatever" [...] onload="setupZoom()">

これで終了。

お手軽です。

コメントを残す

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