CakePHPのHtmlHelperで画像にリンクをはる方法

自由が丘で働くWeb屋のブログ

CakePHPのHtmlHelperで画像にリンクをはる方法

CakePHP

CakePHPのHtmlHelper(HTMLヘルパー)にあるリンクを生成する「$html->link()」では、画像タグにリンクを貼る場合に指定するオプションが1.2と1.3で異なるので注意が必要です。
詳細は以下から。

CakePHPのHtmlHelperで画像にリンクを貼る方法

CakePHPのHtmlHelper(HTMLヘルパー)には、リンクを生成する「$html->link()」、及び、画像タグを生成する「$html->image()」があり、この2つを組み合わせる事により、画像にリンクをはることができます。
しかし、デフォルトのまま記述すると画像タグがエスケープされてしまう為、リンクを生成する際に「タイトルのエスケープ」のオプションを「false」にする必要があります。
「タイトルのエスケープ」を「false」にするオプションの指定方法はCakePHP1.2とCakePHP1.3で異なる為、注意が必要です。
下記に、画像「gazou.jpg」に「http://hoge.com/」へリンクをはる方法を、CakePHP1.2とCakePHP1.3の書き方で記載します。

CakePHP1.2でHtmlHelperで画像にリンクを貼る方法

<?php
//CakePHP1.2の「$html->link()」
//$html->link($title, $url, $htmlAttributes, $confirmMessage, $escapeTitle)
echo $html->link($html->image('gazou.jpg'), 'http://hoge.com/', null, null, false);
//第5引数「$escapeTitle」で「false」を指定
?>

CakePHP1.3でHtmlHelperで画像にリンクを貼る方法

<?php
//CakePHP1.3の「$html->link()」
//$html->link($title, $url, $options, $confirmMessage)
echo $html->link($html->image('gazou.jpg'), 'http://hoge.com/', array('escape' => false), false, false);
//第3引数「$options」内の「escape」で「false」を指定
?>
 
カテゴリー:Webシステム開発
タグ:,
2011年3月22日 11時12分
 

関連記事

 

コメントを書く

(C) 自由が丘で働くWeb屋のブログ