将链接更改为图片

Question

我需要关于这种情况的帮助。 我目前从JSON导入数据，而对于照片字段，我所获得的只是该图像的链接。

是否有可以改变任何模块/其它方法 这

http://example.com/images/abc-123.jpg 

到

<img src="http://example.com/images/abc-123.jpg" /> 

，或让他们直接阅读的链接，并切换到图像显示？

附加信息：

下面是现场显示的结构。

<div class="field"> 
    <div class="field-items"> 
     <div class="field-item even"> 
      <p> 
       <a href="http://example.com/images/abc-123.jpg">http://example.com/images/abc-123.jpg 
       </a> 
      </p> 
     </div> 
     <div class="field-item odd"> 
      <p> 
       <a href="http://example.com/images/efg-123.jpg">http://example.com/images/efg-123.jpg 
       </a> 
      </p> 
     </div> 
     ........... for multiple link 
    </div> 
</div> 

Answer 1

如果你正在处理的Javascript的JSON数据，然后..

var image_url = data.image_url; // assuming data.image_url gives us the url to the image 
var html_for_image = "<img src='" + image_url + "' />"; 
// if you are using jQuery 
$('#image_element_placeholder').html(html_for_image); 
// else if you are using plain JS 
var placeholder = document.getElementById('image_element_placeholder'); 
placeholder.innerHTML = html_for_image; 

Hope这有助于。

Answer 2

试试这个，没必要方法

例如

链路处于可变

$link = http://example.com/images/abc-123.jpg 

echo "<img src=" . $link . " />";