サマリ | サムネイル表示プラグイン |
---|---|
リビジョン | 1.0 |
対応バージョン | 1.4.2 |
投稿者 | ようか |
投稿日 | 2003-11-26 (WED) 16:44:08 |
サムネイルと大きい画像を別々に用意したときに使うプラグインです。サムネイルから大きい画像にリンクします。
サムネイルは添付ファイルかURLを指定します。大きい画像には添付ファイルかURL、またはページ名を指定します。
「大きい画像」と書いていますが、リンク先は画像でなくてもかまいません。要は画像にリンクを張るものです。指定した添付ファイルがない場合はページ名として解釈します。
別ページの添付ファイルは指定できません。
サンプルを用意しましたが、デザインは下記のCSSとは違います。
http://noldor.info/index.php?%A5%B5%A5%E0%A5%CD%A5%A4%A5%EB%C9%BD%BC%A8%A5%D7%A5%E9%A5%B0%A5%A4%A5%F3
#thumbnail(thumbnail,picture,comment) &thumbnail(thumbnail,picture);
1つ目の形式の場合、commentは省略できません。thumbnailにはURLか添付ファイルを指定します。pictureにはURLか添付ファイルまたはページ名を指定します。添付ファイルが見つからない場合はページ名として解釈します。
出力は次のようになります。
<p class="thumbnail"> <a class="thumbnail" href="{picture}"> <img src="{thumbnail}" alt="{thumbnail}"> </a> <br class="hidden" /> {comment} </p>
2つ目の形式の場合、commentは省略できません。
出力は次のようになります。
<a class="thumbnail" href="{picture}"> <img src="{thumbnail}" alt="{thumbnail}"> </a>
#thumbnail(thumbnail.png,picture.png,←をクリックすると大きい画像を表示します) #thumbnail(banner.png,URL,←飛びます飛びます) &thumbnail(thumbnail.png,picture.png);
※都合によりURLとしていますが、http://example.com/ のように移動先のURLに置き換えてください
デザインはほとんどCSSに投げてます。以下のものをdefault.ja.cssなどの末尾にはりつけて適当に調節してください。
/* thumbnail.inc.php */ p.thumbnail { margin: 15px 32px 0px 32px; padding: 15px 8px 15px 15px; border-style: solid; border-color: #215DC6; border-width: 1px; font-size: 80%; vertical-align: middle; clear: both; height: 120px; } p.thumbnail img.thumbnail { margin: 0px 10px 0px 0px; border-style: none; float: left; } p.thumbnail br.hidden { display: none; } a.thumbnail { } a.thumbnail img.thumbnail { }
実は似たようなことが既存の機能で実現できる、とかいうのだったりして……。良く調べずに作りました。
こうするとできるという話を聞いたけど。。。 [[&ref(valid-xhtml11.png,nolink);>http://validator.w3.org/check/referer]]できませんねぇ。
なるほど、そうやるのですか。こんな機能もないというのはおかしいとは思っていましたが、やはりでしたか。いやはや、汎用性の低いプラグインを掲載してしまったものです。