2013-02-25 1 views
1

나는 60 페이지 중 하나를로드하기 위해 다른 페이지에서 JavaScript 함수를 호출하는 PHP 페이지가 있습니다 (초당 1 개). 각 이미지의 이름에는 번호 (예 : 1 ~ 60)가 표시되며 사용자가 버튼을 누르면 버튼을 눌렀을 때 두 번째 이미지가로드됩니다.각 초마다 이미지로드

현재 초를 반환하는 JavaScript 페이지가 있지만 올바른 이미지 이름을 참조 할 수없는 것 같습니다. 이 자바 스크립트 구문 문제인가 또는 '초'변수는 Ajax를 통해 별도로 캡처해야합니다

<img src=<?php echo image-1.jpg') ?> id="imageX" /> 
<div id="mySec">Seconds</div> 
<button type="button" onclick="myFunction_1()">Function_1</button> 

<script> 
    function myFunction_1() { 
     var d = new Date(); 
     var x = document.getElementById("mySec"); 
     x.innerHTML=d.getSeconds(); 
     var z = d.getSeconds(); 
     document.getElementById("imageX").src="<?php echo 'image-' . "z". '.jpg' ?>" ; 
    } 
</script> 
+1

PHP와 JavaScript를 혼합하여 사용할 수 없으며 작동 할 것으로 기대됩니다. PHP는 서버에서 실행되며 JavaScript는 브라우저에서 실행됩니다. –

+0

@Matt에 감사드립니다. Ajax를 사용한다면 어떻게해야할까요? – TedtheBear

+3

아약스가 전혀 필요하지 않습니다. 문자열을 만들기 위해 PHP를 사용하고 있습니다. 대신 JavaScript 문자열 연결을 사용하십시오. –

답변

3

시도 :

<img src="image-1.jpg" id="imageX" /> 

그리고 : 모든 PHP에 대한

<script> 
    function myFunction_1() { 
     var d = new Date(); 
     var x = document.getElementById("mySec"); 
     var z = d.getSeconds(); 
     x.innerHTML = z + ' Seconds'; 
     document.getElementById("imageX").src = 'image-' + z + '.jpg'; 
    } 
</script> 

필요 없음 .

+0

고마워요 @ iambriansreed 네,이게 효과가 있었어요. – TedtheBear