CakePHP adding image to echo $this->Html->link

Question

Hi I have tried various things but not sure if I am trying to over complicate things. Quite simply I want to add a small image country flag for the word 'Spanish' and 'English' and have an 'Alt' tag with those words instead. The following works fine with just text and as is but it would be cool to have the image either to replace or sit side by side with the word. Any help available?

    echo $this->Html->link('Spanish', array('controller'=>'settings', 'action'=>'lang', 'spa'),
        array('rel'=>'nofollow'));
}

else {
    echo $this->Html->link('English', array('controller'=>'settings', 'action'=>'lang', 'eng'),
        array('rel'=>'nofollow'));
}

I should add the html out put for English is like this at the moment: <a href="/lang/eng" rel="nofollow">English</a> </div> — Gerry Baker
– Gerry Baker, Commented Aug 8, 2016 at 12:34
please tag the question accordingly to you exact cakephp version — arilia
– arilia, Commented Aug 8, 2016 at 12:35

drmonkeyninja · Accepted Answer · 2016-08-08 13:10:02Z

You can either output just a linked image using the image method with a url attribute:-

<?php

echo $this->Html->image(
    'spain.jpg', 
    array(
        'alt' => 'Spanish',
        'url' => array('controller' => 'settings', 'action' => 'lang', 'spa')
    )
);

Or you can include an image with a text link by combining the normal CakePHP link method and the image method:-

<?php

echo $this->Html->link(
    h('Spanish') . $this->Html->image('spain.jpg', array('alt' => 'Spanish')),
    array('controller' => 'settings', 'action' => 'lang', 'spa'),
    array('escape' => false, 'rel' => 'nofollow')
);

With the link method you need to remember to prevent Cake from escaping the img tag using 'escape' => false. If you disable escaping like this it is work remembering to escape any user provided text by using the h() method to prevent any HTML injection (I've shown this in my example wrapping the word 'Spanish' but this is only necessary if this is coming from a variable).

arilia · Accepted Answer · 2016-08-08 13:10:47Z

0

if you are using cake2 see this link to the cookbook

echo $this->Html->image("spain.jpg", array(
    "alt" => "Spanish language",
    'url' => array('controller' => 'settings', 'action' => 'lang', 'spa')
));

edited Aug 8, 2016 at 13:10

answered Aug 8, 2016 at 12:39

arilia

9,3982 gold badges24 silver badges47 bronze badges

6 Comments

Gerry Baker Over a year ago

That didn't work unfortunately. It broke the page. I am using version 2.8. I just want the code I put up to give this output:<a href="/lang/spa" rel="nofollow">Spanish<img src="/img/spain.jpg" class="photo" alt="Spanish"/></a>

arilia Over a year ago

please explain: do you want the image to be a link, or do you simply want the image to be right after the link but not clickable?

Gerry Baker Over a year ago

Sorry making mistakes...nervous!

Gerry Baker Over a year ago

I would like the image to be clickable. With the alt attribute word to say Spanish

Gerry Baker Over a year ago

If it is easier just to put the image next to the link that would help me. Thanks

|

Collectives™ on Stack Overflow

CakePHP adding image to echo $this->Html->link

2 Answers 2

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related