I'm trying to create an image link with the HTML helper of Laravel 4. But it seems that isn't really working. I have this line of code
{{ HTML::link("#", HTML::image("img/logo.png", "Logo") ) }}
But that just outputs a strin like this:
<img src="http://localhost/worker/public/img/logo" alt="Logo">
How come.??
To use image as a link in HTML, use the <img> tag as well as the <a> tag with the href attribute. The <img> tag is for using an image in a web page and the <a> tag is for adding a link. Under the image tag src attribute, add the URL of the image. With that, also add the height and width.
An HTML Helper is just a method that returns a HTML string. The string can represent any type of content that you want. For example, you can use HTML Helpers to render standard HTML tags like HTML <input>, <button> and <img> tags etc.
I think it's overkill for no reason. I would do:
<a href="#"><img src={{asset('img/logo.png')}} alt="Logo"></a>
If I then need a dynamic link in place of the #, I would do:
<a href="{{URL::to('/')}}"><img src={{asset('img/logo.png')}} alt="Logo"></a>
Try to use html as much as you can.
You probably will have to:
<a href="#">{{ HTML::image("img/logo.png", "Logo") }}</a>
Because, link() uses entities to escape the title:
public function link($url, $title = null, $attributes = array(), $secure = null)
{
$url = $this->url->to($url, array(), $secure);
if (is_null($title) or $title === false) $title = $url;
return '<a href="'.$url.'"'.$this->attributes($attributes).'>'.$this->entities($title).'</a>';
}
Producing this source code:
"<a href="#"><img src="http://localhost/img/logo.png" alt="Logo"></a>"
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With