保持跟蹤的圖像javascript

所以即時創建我自己的滑塊使用JavaScript。我總共有12張圖片。 6 50x50和6 200x200。較小的圖像從1,2,3,4,5,6切換回1.當圖像在較大圖像上被點擊時，假設在新窗口中打開。問題是當我點擊第6個較小的圖像時，彈出窗口打開圖像被破壞。我已調試它，看到問題是，當我打開圖像，我收到警報，流行開放0.保持跟蹤的圖像javascript

任何幫助，將不勝感激。這很可能是我看不到的簡單事情。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

<html> 
<head> 
<script> 

number=1 
function move(){ 
brillo.src="images/tudelude_0"+number+".jpg" 
number++ 

if (number>6) number=1 
setTimeout("move()",1000) 

} 


function Open(){ 
t=number-1 

var newWindow = window.open("", "pictureViewer", "fullscreen=no"); 
newWindow.document.writeln("<img src='images/tude_0"+t+".jpg'/>"); 
alert(t) 
newWindow.document.close(); 
} 

</script> 
</head> 

<body onload="move()"> 

<div class="box"> 
<img src="images/tudelude_01.jpg" name="brillo" 
onclick="Open(); return true;"> 
</div> 
</body> 
</html>

來源

2013-09-01 Sampson

避免隱式分號;總是在分析結束時加分號。這避免了一些微妙的錯誤。 – nneonneo

此外，您的圖片編號爲0-5或1-6？ – nneonneo

他們是1到6 – Sampson

您的問題是，number並不能準確反映出實際顯示的圖像。

你應該這樣做，而不是：

number = 1; 
function move() { 
    number++; 
    if(number > 6) 
     number = 1; 
    brillo.src="images/tudelude_0"+number+".jpg"; 
} 

function Open(){ 
    var newWindow = window.open("", "pictureViewer", "fullscreen=no"); 
    newWindow.document.writeln("<img src='images/tude_0"+number+".jpg'/>"); 
    newWindow.document.close(); 
}

，並在您onload，使用setInterval(move, 1000)。

來源

2013-09-01 19:23:53 nneonneo

哎呀，總是有些愚蠢，即時通訊做錯了。謝謝您的幫助。非常感激。 – Sampson

保持跟蹤的圖像javascript

回答

相關問題