iWebでLightBox2が動かなかったので、LyteBoxを使用

2010/04/27 | By KUMA | Filed in: 技術メモ.

知人のWebページの管理のお手伝い。

素人さん+マカーなのでiWebを使用してWebページを作成されているのだが、お手伝いでLightBox2を適用させようとしたところ、ハンドラが競合しているせいか上手く動かなかった。

仕方が無いので英語圏まで範囲を広げて捜索したところ、LyteBoxというクローンのようなソフトがiWebで動作実績があるというのを見つけた。

以下、ここを参考にさせてもらった。

  1. LyteBoxのサイトからzipをDLし解凍。ディレクトリ名をlyteboxとかにリネーム。
  2. <head>タグの中にスタイルシートとJavaScriptの宣言が並んでいるので、最後に↓を追加。
    <script type="text/javascript" language="javascript" src="lytebox/lytebox.js"></script>
    <link rel="stylesheet" href="lytebox/lytebox.css" type="text/css" media="screen" />
    
  3. でかくしたい写真aタグの中に
    rel="lytebox"

    属性を追加する。

こっちの方がLightBoxより手軽でいいね。


Tags: , ,

Comments are closed here.