画像にリンクをつけたいのですが…

「まったく何も分からない・・・」そんなユーザーさんの為のフォーラムです。どんなご質問でもお気軽にどうぞ。
返信
だいすけ
記事: 3
登録日時: 2006年8月17日(木) 13:53

画像にリンクをつけたいのですが…

投稿記事 by だいすけ » 2006年8月21日(月) 19:23

要望の部分でするべき質問かもしれませんが…。
サイト内にリンクを搭載するスペースがあり、そこに画像を出力させているのですが、これにリンクを搭載する方法はないのでしょうか。

クライアントさんに、タグの知識がないため、できれば、CMSの入稿フォーム上でリンク設定(できれば、URLを打ち込むだけ)があればと思うのですが…。ご回答をお待ちしております。よろしくお願いいたします。

tsu
パワーユーザー
記事: 208
登録日時: 2006年1月16日(月) 12:00
お住まい: さいたま

投稿記事 by tsu » 2006年8月22日(火) 10:22

これじゃうまくいかないかな?
xslで

コード: 全て選択

<a href="{links}" target="_blank"><img src="{photo}" /></a>

webmaster
Site Admin
記事: 1451
登録日時: 2004年12月10日(金) 10:09

Re: 画像にリンクをつけたいのですが…

投稿記事 by webmaster » 2006年8月25日(金) 12:10

 だいすけさん、ご質問ありがとうございます。また、回答が遅れまして申し訳ありません。

 基本的に、tsuさんが投稿してくださった方法でいけると思いますが、もう少し
例を挙げてみます。

 今、このようなスキーマがあると思います。

コード: 全て選択

<schema name="sample1" caption="サンプル">
<data name="photo" type="img" caption="画像" />
</schema>
 それを表示するデザインとして、デザイン定義(*.xsl)側で、

コード: 全て選択

<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>
 target="_blank"の指定はお好みでどうぞ。
 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>
 ご不明な点がありましたらまたご質問頂ければ幸いです。

返信