« Alfa Romeo RZ 車検 | Topページ | Fiat Sighinolfi 1100S (ラ・フェスタ・ミッレミリア 2006) »

2006年10月16日

エントリー画像をランダムに表示させる

Movable Type 備忘録『エントリー画像をランダムに表示させる』。

過去のエントリーの画像をランダムに表示させて記事に直接アクセスできるようにしたMTの設定を、忘れないように備忘記事として残しておこう。技術的な質問されても解らないので予めご了承のほど。結果はこんな感じ。

[設定手順]

(1).プラグインの入手先
Collect Plugin for Movable Type
MTRandomEntries

(2).それぞれをpluginsディレクトリにアップロード

(3).設置する場所に下記のタグを追加

まず右カラムに画像が3つ表示されるように設定。
テンプレート/インデックス/メインページ
メールフォームの下に設置。

<!--photoランダム表示 -->
<MTRandomEntries lastn="3">
<MTCollect tags="img">
<MTCollectThis show="0">
<$MTEntryBody$>
</MTCollectThis>
<MTIfCollected tags="img">
<MTCollected tags="img" lastn="1">
<a href="<$MTEntryLink$>">
<img width="51" src="<$MTCollectedAttr attr="src"$>" style="margin:1px; border:none" />
</a>
</MTCollected>
</MTIfCollected>
</MTCollect>
</MTRandomEntries>
<!--photoランダム表示 終了-->

画像サイズを51pxに設定して左右に3つ表示されるようにした。

(4).表示3つだとちょっと少ないので、サムネール・ライブラリーのページも作る。

テンプレート/インデックス で「テンプレートを新規作成」でライブラリーのページを作る。「出力ファイル名」はphoto.phpにする。「テンプレートの内容」はメインンページ(index.html)の内容をそのまま持って来て、コメントの部分を下記に入れ替え。

<!--photoランダム表示 大 -->
<MTRandomEntries lastn="1">
<MTCollect tags="img">
<MTCollectThis show="0">
<$MTEntryBody$>
</MTCollectThis>
<MTIfCollected tags="img">
<MTCollected tags="img" lastn="1">
<a href="<$MTEntryLink$>">
<img width="465" src="<$MTCollectedAttr attr="src"$>" style="margin:0px; border:none" />
</a>
</MTCollected>
</MTIfCollected>
</MTCollect>
</MTRandomEntries>
<!--photoランダム表示 大 終了-->
<P>
<!--photoランダム表示 サムネイル -->
<MTRandomEntries lastn="32">
<MTCollect tags="img">
<MTCollectThis show="0">
<$MTEntryBody$>
</MTCollectThis>
<MTIfCollected tags="img">
<MTCollected tags="img" lastn="1">
<a href="<$MTEntryLink$>">
<img width="108" src="<$MTCollectedAttr attr="src"$>" style="margin:2px; border:none" />
</a>
</MTCollected>
</MTIfCollected>
</MTCollect>
</MTRandomEntries>
<!--photoランダム表示 サムネイル 終了-->

以上

大の部分は100%表示、サムネイルの表示は32個表示にしたが、画像がないエントリーは表示されないので、平均22〜23個くらいとちょうどバランスもいい。画像のサイズは左右優先に指定になるので、天地のサイズが違う画像は頭が飛び出してしまうが、それもパズルっぽくてなんとなく味わいがあって○。

エントリーが増えるとなかなか訪問者が古い記事まで来てくれないものだが、これなら写真集を見るようにパラパラと選んでくれるから、訪問者も楽しめる気がする。

ランダム表示の切り替えは、新規エントリー、コメントの書き込みやトラックバック、再構築がトリガーになるので、一日のうち数回は更新されることになるので、これまたお任せでラクチン。エントリー毎に画像を必ず入れてる人や、写真を多くアップしている人にはカスタマイズの仕方によってはかなり面白いページズ作りも出来そうだ。とりあえず覚え書き。

参考サイト:@delicious 『読んだ本をランダムに表示してみる【追記アリ】

投稿者 NOBU : 2006年10月16日 13:11



□このカテゴリの最新記事----

トラックバック

この記事のトラックバックURL:
http://www.nobu.tv/mt/mt-tb.cgi/859


コメント

お気軽にコメントをお寄せください。([投稿]ボタンを押してからエントリーされるまで少々時間がかかる場合もあります)

・・・でも、コメントの返事は遅れます。もしかすると返事もしない場合もあります。でも無視してるわけではないのでご勘弁の程! URLを入れてくだされば皆様のページにも必ず遊びに行きますのでよろしくお願いします。




保存しますか?

(書式を変更するような一部のHTMLタグを使うことができます)

Copyright(C) 1999 - 2009. NOBU.tv .All rights reserved.