Home > Archives > January 2008

January 2008

NP_TrimImage を導入して、ThickBoxに対応させてみました。

NP_TrimImage(v2.2)を導入しました。ほんとhsurさんサンクス。

やりたいことは「トップページに直近5件の画像を表示をしたい!」ということです。
最近、猫写真が増えてきたので欲を出してしまいました(笑)

プラグインの使い方を参考にしてTrimImageに渡すパラメータをあれこれ考えましたが、どうも自分にはNP_ExtractImage機能があれば十分な感じだったので、尺がおかしくなるのは我慢して結局デフォルトのままで使うことにしました。
というわけで、vicunaを使っている僕は「Search」の下に「Photos」という項目を作って表示することにしました。
/skins/vicuna/other.inc に、

<dt>Photos</dt>
<dd>
    <%TrimImage(5)%>
</dd>

と追加。

さて、ここまでできて、「ThickBox」に対応したいなぁ...ともっと欲が出てきてしまいました。
そのまま使うともちろんThickBoxには対応しません。
そこでThickBoxに対応させようと、Mac or Dieさんの記事【Nucleus】NP_TrimImageでThickBoxやらLightboxやらを参考にさせていただきましたが(いやもしかしたら使い方がわかってないだけかもしれませんけど)ダメでした。
#ダメというのは、僕が使いたい使い方にそぐわなかったという意味です。要するに修正箇所が違ったと。あしからず。 shizukiさんのところのサムネイル大作戦もちょっと違いました。

しかたがないので自分で変更することにしました。
いつものように忘れないための変更箇所をメモ。完全に自分用 :-)

  • 234行目、divタグはいらないのでコメントアウト
  • 238行目、個別アイテムへリンクはさせないようにコメントアウト
  • 256行目、ここにMac or Die さんが書いてくれたコードを拝借、一部変更して追加
  • 263行目、div閉じタグも忘れずにコメントアウト

256行目は、<img src〜の前に、

<a href="'.$CONF['MediaURL'].$filelist[$i][0].'" class="thickbox" rel="photos">

こいつを追加。a閉じタグは殺さなかった261行目を流用します ;-p
#本当はshizukiさんのコードのようにファイル名にスラッシュがついているかどうか確認する必要あり??

とりあえず、これでうまくいったみたい。表示がちょっと重いかな...

More...

Home > Archives > January 2008

Search
Feeds

Page Top