Question

I am trying to find a way to set attributes to the link URL generated by the image method of CakePHP’s HtmlHelper. I’m using CakePHP 2.2.1

For example, the following code:

echo $this->Html->image("recipes/6.jpg", array(
    "alt" => "Brownies",
    'url' => array('controller' => 'recipes', 'action' => 'view', 6)
));

generates:

<a href="/recipes/view/6">
    <img src="/img/recipes/6.jpg" alt="Brownies" />
</a>

How can I add attributes to the href tag. Say, for example, class=’picture’ to look like:

<a href="/recipes/view/6" class='picture'>
    <img src="/img/recipes/6.jpg" alt="Brownies" />
</a>

Answer 1

You cannot add HTML attributes to the Anchor tag via the Html->image method – the way to do it is to put the Html->image within the Html->link method like so:

echo $this->Html->link(
    $this->Html->image("recipes/6.jpg", array('alt' => 'Brownies')),
    array('controller' => 'recipes', 'action' => 'view', 6, array('escape'=>false', 'class'=>'picture')
);

You must also include the 'escpape'=>false – otherwise your <img...> will be escaped, and it will show up like <img ... >