자바 스크립트와 PHP를 사용하여 이미지를 동적으로 호출하기

Question

자바 스크립트에 익숙하며 아래 코드를 작성하여 아무 문제가 없지만 PHP와 자바 스크립트를 사용하여 동적으로 이미지를 가져오고 싶습니다. 어떻게하면 내 코드를 리팩토링 할 수 있을까? 기여에 미리 감사드립니다.

var myimage = document.getelementById("mainImage"); 
var imageArray =["images/overlook.jpg","images/garden.jpg","images/park.jpg"]; 

var imageIndex =0; 

function changeimage(){ 
     myimage.setAttribute("src",imageArray[imageIndex]); 
     imageIndex++; 
     if(imageIndex >= imageArray.length){ 
     imageIndex = 0; 
} 

setInterval(changeimage, 5000); 

Answer 1

몇 가지 옵션 중 하나입니다.

1. 이미지의 URL로 데이터베이스를 쿼리하십시오.

   $query = mysql_query("SELECT url FROM images"); 
   

2. 다음과 같은 일이 그것의 배열을 얻을 수 있습니다 :

   $images = array(); 
   while($row = mysql_fetch_array($query)){ 
       $images[] = $row['url']; 
   } 
   

3. 그런 다음이 문자열을 생성

   (당신은 자바 스크립트 제공에 사용하는 것이) :

   var imageArray = ["images/overlook.jpg","images/garden.jpg","images/park. 
   

   를 사용하여 데이터베이스에서 검색 한 배열 당신은 에러가 발생하기 쉬운 문자열 작성으로 주위를 어지럽히고 싶지 않으면 PHP에서 json_encode을 사용할 수 있습니다.

   $imagesAsJsonArray = json_encode($images); 
   

4. 에코 it. 끝난.

가장 우수한 해결책은 아닙니다. 그러나 그것은 당신에게 무언가를 제공합니다. 온라인에서 몇 가지 PHP 자습서를 확인하십시오.

Answer 2

두 가지 선택 :

1. 페이지를 만들 때 PHP를 사용하여 그들 사이에 자바 스크립트주기에 페이지 사용 페이지 수준에서 이미지의 배열을 넣어.
2. 페이지에서 Ajax를 사용하면 페이지에서 서버로 호출하여 다음 이미지를 가져온 다음 클라이언트 측 JavaScript를 사용하여 페이지에서 반환 된 이미지를 볼 수 있습니다.