{{HTML::image}} set width and height in Laravel

Question

Sorry for the stupid question, but I looked everywhere in the doc. If I want to set size, height and width of an image with HTML::image, how can I do it? I tried with:

{{ HTML::image('path', array('width' => 70 , 'height' => 70)); }}

But it doesn't seem to work.

Answer 1

It should work with

{{ HTML::image('path', 'alt', array( 'width' => 70, 'height' => 70 )) }}

The alt text comes before the attributes array.

Answer 2

In Laravel 5 following ways to use img in blade:

{!! HTML::image('img/picture.jpg', 'a picture', array('class' => 'thumb')) !!}

Note: you need to install laravel library before use HTM i.e "laravelcollective/html": "~5.0",

OR

<img src="{!!asset('img/picture.jpg')!!}">

OR

Set dynamically url:

<img src="{!!asset('img/').'/'.$imgsrc!!}">

Answer 3

Solution : store image path to your MYSQL table field. And dont forget the dot ( . ) at the beginning of filepath.

<img src='./images/bajja_huggy2.gif' class= img-responsive style= height: 22px; width: 100px; >

you can see how I have used twitter bootstrap and other properties.

@foreach($imagefiles as $img)
<div class="col-xs-2 ">
  {{ $img->image_3}}
</div> 
@endforeach