要望の部分でするべき質問かもしれませんが…。
サイト内にリンクを搭載するスペースがあり、そこに画像を出力させているのですが、これにリンクを搭載する方法はないのでしょうか。
クライアントさんに、タグの知識がないため、できれば、CMSの入稿フォーム上でリンク設定(できれば、URLを打ち込むだけ)があればと思うのですが…。ご回答をお待ちしております。よろしくお願いいたします。
画像にリンクをつけたいのですが…
Re: 画像にリンクをつけたいのですが…
だいすけさん、ご質問ありがとうございます。また、回答が遅れまして申し訳ありません。
基本的に、tsuさんが投稿してくださった方法でいけると思いますが、もう少し
例を挙げてみます。
今、このようなスキーマがあると思います。
それを表示するデザインとして、デザイン定義(*.xsl)側で、
のように書いて頂いていると思います。
このIMGタグに対して任意のURLへのリンクを張りたい、というご要望かと
思います。
そこで、まずURLの入力欄をスキーマに追加します。
デザイン定義側は次のようにします。
target="_blank"の指定はお好みでどうぞ。
URLが入力されていなかった場合は通常の画像、URLが入力されていたら
リンク付き画像、のようにしたい場合は、次のようにします。
ご不明な点がありましたらまたご質問頂ければ幸いです。
基本的に、tsuさんが投稿してくださった方法でいけると思いますが、もう少し
例を挙げてみます。
今、このようなスキーマがあると思います。
コード: 全て選択
<schema name="sample1" caption="サンプル">
<data name="photo" type="img" caption="画像" />
</schema>
コード: 全て選択
<img src="{photo}" />
このIMGタグに対して任意のURLへのリンクを張りたい、というご要望かと
思います。
そこで、まずURLの入力欄をスキーマに追加します。
コード: 全て選択
<schema name="sample1" caption="サンプル">
<data name="photo" type="img" caption="画像" />
<data name="url" type="text" caption="URL" />
</schema>
コード: 全て選択
<a href="{url}" target="_blank"><img src="{photo}" /></a>
URLが入力されていなかった場合は通常の画像、URLが入力されていたら
リンク付き画像、のようにしたい場合は、次のようにします。
コード: 全て選択
<xsl:if test="url=''">
<img src="{photo}" />
</xsl:if test>
<xsl:if test="url!=''">
<a href="{url}" target="_blank"><img src="{photo}" /></a>
</xsl:if test>