月刊アスキー:MovableTypeで構築するWebサイト入門: Lightbox.jsのエントリーアーカイブでの動作を改善
Lightbox.jsを使用するときに気をつけなければいけないのは、上記記事で書かれているように、onloadが競合してしまうという点。Dreamweaverではマウスのロールオーバーエフェクトで使用する画像をプリロードするわけですが、プリロードは<body>
タグのonload
イベントで実行されます。
これを回避するには、今のとこ僕の知識ではプリロードをonload
から外し、<body>
内の適当な箇所に、<script>
で貼っつけるぐらいしか考えられませんが、テンプレートなんかを使っていると当然<body>
は編集可能領域外になるのでいちいちテンプレートを解除してプリロードの位置を修正しアップロードするというきわめてめんどくさいことになります。
ightbox.jsはtarget
属性を使用しないで、ポップアップ的な見せ方ができる(使い勝手もなかなか良いですよ)便利な代物なので今後も使いたいんですが・・・当然のごとく<body>
にonload
イベントを関連付けるDreamweaverが、中古家電を軒並み廃棄処分品扱いする某省のように憎らしい今日このごろです。