CSS1つとJS1つで動くLightbox「Lytebox」

最終更新日: 2008年6月25日 23:09

下準備

  1. jqzoom http://dolem.com/lytebox/ から、スクリプトをダウンロードします。
  2. <head></head>内に、以下のように、CSS1点とJavascript1点をページに読み込みます(パスは適宜変更してください)。
  3. <script type="text/javascript" language="javascript" src="lytebox.js"></script>
    <link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
  4. <body></body>内に、以下のような書式で記述します。
  5. <a href="neko.jpg" rel="lytebox" title="画像のタイトル">イメージ</a>
  6. 以上!

使用例

下記「イメージ」をクリック!

イメージ