將鏈接更改爲圖片

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 . " />";