thumbnail.inc.php

サマリサムネイル表示プラグイン
リビジョン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
{
}

ダウンロード

コメント


添付ファイル: filevalid-xhtml11.png 1161件 [詳細] filethumbnail.inc.php 3177件 [詳細]

トップ   編集 凍結 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2023-11-21 (火) 23:42:13
Site admin: PukiWiki Development Team

PukiWiki 1.5.4+ © 2001-2022 PukiWiki Development Team. Powered by PHP 8.2.12. HTML convert time: 0.383 sec.

SourceForge