タグ/リンク画像表示用ページ
この内容はVer.1.47から適用されます
リンク画像表示用ページとは bookmark
MTKeitaiLinkImagesテンプレート・タグや、keitai-link-over拡張スタイルを用いると、画像をその場に表示するのではなく、テキストやサムネイルによるリンクに置き換え、リンクを選択したときにその画像を表示させることができます。
通常は画像だけが画面上に表示されますが、予め画像表示用のページを用意しておき、画像ごとの説明を併記したり、元のページに戻るためのリンクを設置することができます。
リンク画像表示用ページの作り方 bookmark
リンク画像表示用のページは、インデックス・テンプレートとして作成します。
テンプレート内では次のタグが使用できます。
MTKeitaiLinkedImageTag bookmark
リンク画像を表示するためのimgタグをその位置に出力します。
- 任意の属性
- imgタグの属性として反映されます。
MTKeitaiLinkedImageParam bookmark
リンク元のページのURLや、画像に指定されたキャプションを出力します。次の属性を指定します。
- name
- 取得する情報を指定します。backtoを指定するとリンク元のページのURL、captionを指定すると画像に指定されたキャプションを取得できます。
MTKeitaiIfLinkedImageParam bookmark
リンクされた画像や、リンク元のページのURL、キャプションがそれぞれ渡されたかを判定します。
これらの情報はGETパラメータとしてPHPに渡されます。リンク画像表示用ページに直接アクセスされた場合には情報を受け取ることができません。
その場合の表示調整に使用します。次の属性を指定します。
- name
- 判定する情報を指定します。imageを指定すると表示する画像のURL、backtoを指定するとリンク元のページのURL、captionを指定すると画像に指定されたキャプションが渡されたかをそれぞれ判定します。
使用例 bookmark
リンク画像表示用ページの作成 bookmark
インデックス・テンプレートとして「携帯用リンク画像表示ページ」を作成し、ファイルの出力先を「m/image.php」とします。
テンプレートとして次のような記述を行います。戻るリンク、画像、キャプションを存在を確認した上で表示します。
<MTKeitaiKit>
<html>
<head>
<title>画像表示</title>
</head>
<body>
<!-- 戻るリンクを表示します -->
<MTKeitaiIfLinkedImageParam name="backto">
<p>
<a href="<$MTKeitaiLinkedImageParam name="backto"$>">戻る</a>
</p>
</MTKeitaiIfLinkedImageParam>
<!-- 画像を表示します -->
<MTKeitaiIfLinkedImageParam name="image">
<p align="center">
<$MTKeitaiLinkedImageTag border="1"$><br />
※無断転載を禁じます
</p>
</MTKeitaiIfLinkedImageParam>
<!-- キャプションを表示します -->
<MTKeitaiIfLinkedImageParam name="caption">
<p align="center">
<$MTKeitaiLinkedImageParam name="caption"$>
</p>
</MTKeitaiIfLinkedImageParam>
</body>
</html>
</MTKeitaiKit>
画像のリンク化指定 bookmark
リンク元のテンプレートでは、MTKeitaiLinkImagesを用いて次のように記述します。
上記のリンク画像表示用ページのテンプレートから出力されるPHPファイルのURLを「/blog/m/image.php」とします。
<MTKeitaiLinkImages over="0" format="%c(%k)" page="/blog/m/image.php" caption="%a"> <$MTEntryBody$> </MTKeitaiLinkImage>
ブログ記事の本文に含まれている画像をすべてリンク化し、画像表示用のページで大きな画像を表示します。
画像表示用のページでは、元々のimgタグに付けられたalt属性の内容がキャプションとして画像下部に表示されます。
* 「iモード」「iアプリ/アイアプリ」「i絵文字」「mova」「FOMA」および「i-mode」「i-appli」ロゴはＮＴＴドコモの商標又は登録商標です。
* 「EZweb」「EZアプリ(Java[TM])」「au」はKDDI株式会社の登録商標です。
* ｢Yahoo!｣および｢Yahoo!｣｢Y!｣のロゴマークは、米国Yahoo!Inc.の登録商標または商標です。
* SOFTBANKおよびソフトバンクの名称、ロゴは日本国およびその他の国におけるソフトバンク株式会社の登録商標または商標です。
* その他、当ページに記載されている会社名、製品名などは該当する各社の商標または登録商標です。
