タグ

2011年3月17日のブックマーク (1件)

  • CSSのお勉強: FancyZoom

    JSで拡大画像をカッコよく表示する、いわゆるライトボックス系のJSはいろいろあるが、中でも【FancyZoom】は最も簡単に設置できると評判である。 images-global(必要な画像は全てこの中) js-global(スクリプト体が2つ) この2つのフォルダーを丸々アップ。 使用したいページの<head>〜</head>の間に、 <script src="/js-global/FancyZoom.js" type="text/javascript"></script> <script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script> を追加。 次に、<body>タグに、onload="setupZoom()"要素を追加。 そうすると、以下のように画像に対してリンクが貼られているすべてのタグに対して、