Broken image using custom View template

Question

I am trying to print each row with custom HTML. I need to display the image field wrapped inside the image link. I have this in the tow style output template:

<div class="myRow">
    <div class="myImg">
        <a href="<?php print $fields['field_news_link']->content; ?>" target="_blank"><img src="<?php print $fields['field_news_image']->content; ?>" /></a>
    </div>
    <a href="<?php print $fields['field_news_link']->content; ?>"><?php print $fields['field_news_source']->content; ?> /></a>
</div>

The link part is working, but the image does not display. In the HTML I get:

<img src="<img src=" http:="" localhost:8888="" test="" sites="" default="" files="" styles="" featured_image="" public="" 10.27.14%20cnbc.png?itok="MGeDqtuK&quot;" width="200" height="150" alt="my alt tag">

On the front end, I see the broken image square and '/> directly after. What am I doing wrong?

Answer 1

You need to print image src like this:

<?php print file_create_url($uri); ?>

Just change $uri with uri of your image ($fields['field_news_image']...)

Take a look on function file_create_url as well.