어떻게 자바 스크립트를 통해 WordPress에 이미지를 업로드

Question

목표 : 5 초의 특정 시간 간격 후에 이미지를로드하려면.

문제 : 작성한 코드는 완벽하게 Single.Php와 함께 작동하지만 WordPress 게시판에서는 작동하지 않습니다.

<div id="imageContainer"></div> 
<script> 
var img = document.createElement("img"); 

img.onload = function(e) { 
    var container = document.getElementById("imageContainer"); 
    container.appendChild(e.target); 
} 

setInterval('img.setAttribute("src","image.jpg")',5000); 
</script> 

Answer 1

문제는 코드가 아닌 setInterval으로 문자열을 전달한다는 것입니다. 위의 예제에서와 같이 대신 함수를 전달하십시오. 자세한 내용은 MDN documentation을 참조하십시오.

var img = document.createElement("img"); 
 

 
img.onload = function(e) { 
 
    var container = document.getElementById("imageContainer"); 
 
    container.appendChild(e.target); 
 
} 
 

 
setInterval(function() { img.setAttribute("src", "https://www.gravatar.com/avatar/c2dc29e1a1ce74f25adf39e28d23a601?s=128&d=identicon&r=PG") }, 5000);

<div id="imageContainer"></div>