忍者ブログ
  • 2025.03
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 2025.05
[PR]
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
【2025/04/28 01:57 】 |
Lightboxの使い方
LightboxのjsファイルなどをここからDLする。
使用するのは「css」「js」「images（image-1.jpg、thumb-1.jpgを除く）」の三つのフォルダ
タグ内で次のようにして宣言する

<head>
<link href="../css/lightbox.css" rel="stylesheet" type="text/css" />
<script src="../js/prototype.js" type="text/javascript"></script>
<script src="../js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="../js/lightbox.js" type="text/javascript"></script>
</head>

jsファイルとcssファイルの相対パスは適宜変更のこと。
表示させたい画像について次の文を書く。

<a href="./img/01.jpg" rel="lightbox"> リンク文字 </a>
<a href="./img/01.jpg" rel="lightbox"><img src="./img/s/01.jpg" alt="01"></a>
（画像のサムネを表示させるとき）
<a href="./img/01.jpg" rel="lightbox[anithing]"><img src="./img/s/01.jpg" alt="01"></a>
（グループ表示させるとき）

PR
【2011/08/17 21:25 】 | Program
| ホーム | 次ページ>>
忍者ブログ [PR]
   Powered by NINJA TOOLS