이미지로의 링크 변경

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

에없는

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; 

희망 이것은 도움이됩니다.

Answer 2

이 시도 그런 다음, 자바 스크립트에서 JSON 데이터를 처리하는 경우, 필요 방법

예를

링크가 .. 변수

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

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