跟踪图像javascript

时间:2013-09-01 18:31:19

标签: javascript

所以我使用javascript创建自己的滑块。我总共有12张图片。 6 50x50和6 200x200。较小的图像从1,2,3,4,5,6切换回1.当在较大的图像上点击图像时,假设在新窗口中打开。问题是当我点击第6个较小的图像并弹出弹出窗口时图像被破坏。我调试了它,看到问题是,当我打开图像时,我被警告流行音乐正在打开0。

任何帮助将不胜感激。这很可能是我没有看到的简单。

<!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>

1 个答案:

答案 0 :(得分:0)

您的问题是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)