Lightbox JSを組み込んだのだけれど

Lightbox JS で画像を表示する (小粋空間)にて始めてLightbox JSの存在を知りました。劇的にインタフェースが変わるわけでは無いですが、美しさに感動したので早速導入を検討しました。

P1000833.jpg

導入方法についての記述はこの場で特に要らないと思います。簡単ですしね。

しかし若干問題が発生中です。個別エントリアーカイブテンプレートで生成されたページ上では機能が使えないようです。カテゴリアーカイブ、日付アーカイブ上では正常に表示されるので動的に生成すると云々…という問題ではない様子。試しにこの記事掲載の写真をカテゴリページと個別エントリページそれぞれのページでクリックしてみてください。

実装の仕方に問題があるんでしょうかね。もう少し調べてみます。

勿体無いなあ(´Д⊂

テクノラティタグ
Lightbox JS

追記 2006-01-15T12:55:01+09:00

ファイルをアップロードした際にrel=”lightbox”が挿入する為には/mt/lib/MT/App/CMS.pmを修正すればいけるぽいです。3600行周辺に<a href=”$url”><imgで検索が引っかかる場所があるので次のように修正します。

HTML
} elsif ($q->param('include')) {
if ($thumb) {
return <<HTML;
<a href="$url" ref="lightbox"><img alt="$fname" src="$thumb" width="$thumb_width" height="$thumb_height" /></a>
HTML

追記 2006-01-15T17:25:47+09:00

Tagwire Plugin導入の確認作業の為にタギング実施。

追記 2006-01-16T17:27:30+09:00

Lightbox JS の Movable Type での不具合を修正する (小粋空間)に解決策が掲載されていたので試してみました。

当サイトでは最後の部分が別モジュールになってしまっているので、body要素からonload云々を消し去った後にコメントフォームが終わった後に下記の行を追記しています。

<script type="text/javascript">
individualArchivesOnLoad(commenter_name);
</script>

現在の所特に問題なく動いていますので多分OKなんでしょう。yujiroさんに感謝です。

「Lightbox JSを組み込んだのだけれど」への8件のフィードバック

  1. bodyタグの
    onload=”individualArchivesOnLoad(commenter_name)”
    が悪さしてるみたいですよ。
    とりあえず外すと動くけど、修正する方法はワカリマセン。。

  2. >katsumaさん

    なるほど。mt-site.jsの内容とぶつかっているって事ですか。
    外しちゃうとコメント回りで変な動作しちゃいそうですね。
    なんか回避策無いか気長に考えてみます。

  3. Lightbox JS の Movable Type での不具合を修正する

    昨日エントリーしたLightbox JS で画像を表示するですが、Movable…

  4. 私はJUGEMのブログサービス利用者ですが、
    MTと同じようにbodyのonLoadにある関数(クッキー初期化)が邪魔になってたのでで、
    この方法で修正しました。
    lightbox.js内の420?430行あたりにあるaddLoadEvent関数を使っています。
    正しいかどうかは分かりませんが。間違っていればツッコミください。
    <pre>
    <script type="text/javascript" src="lightbox.jsのURL"></script>
    <script type="text/javascript">
    <!–
    addLoadEvent(initval);
    //–>
    </script>
    </head>
    <body>
    </pre>

  5. JUGEMの場合
    addLoadEvent(initval)
    所を、MTの場合
    addLoadEvent(individualArchivesOnLoad(commenter_name))
    ですかね。自信ない。

    pre要素いりません。

    連続ですいません。

  6. noisygigさん情報有難うございます。

    試してみましたが、addLoadEventからinidividualArchivesOnLoadを呼び出そうとすると、どうも関数(individualArchivesOnLoad)自体が見えなくなってしまうようです。入れ子の関係が上手く行っていないのか私の試し方が悪いのか。何れにせよもう一度スクリプトを読み直してみようと思います。

  7. LightboxJS(画像サムネイル表示のJavaScript)導入

    なんじゃらほい、ってことで特に意味もなくアップした画像でサンプルにしてみました…

  8. Lightbox JS v2で画像表示

    これを使えば画像をクールに、画面遷移や新規ウィンドウなしに表示することができる。…

コメントは停止中です。