我的代码有什么问题。javascript幻灯片_Javascript_Jquery_Html_Arrays_Slideshow

我的代码有什么问题。javascript幻灯片

javascript jquery html arrays

我的代码有什么问题。javascript幻灯片,javascript,jquery,html,arrays,slideshow,Javascript,Jquery,Html,Arrays,Slideshow,HTML: 以前的下一个尝试制作JavaScript幻灯片，但代码不起作用。我的代码有什么问题 JavaScript: <div id='container'> <img id= 'img' src='images/pic1.jpg' name='slideshow'/> <button onclick='slide(-1)'>previous</button> <button onclick='slide

HTML:


以前的
下一个

尝试制作JavaScript幻灯片，但代码不起作用。我的代码有什么问题

JavaScript:

<div id='container'>
    <img id= 'img' src='images/pic1.jpg' name='slideshow'/>

    <button onclick='slide(-1)'>previous</button>

    <button onclick='slide(1)'>next</button>
</div>

var i=0；
var path=新数组（）；
路径[0]=“images/pic1.jpg”；
路径[1]=“images/pic2.jpg”；
路径[2]=“images/pic3.jpg”；
功能幻灯片（五）{
var x=x+v；
if（i<路径长度）{
i=i-x；
}
if（i>路径长度）{
x=路径长度；
}
document.slideshow.src=路径[i]；

试试这个：

var i = 0; 

var path = new Array(); 
path[0] = "images/pic1.jpg";
path[1] = "images/pic2.jpg"; 
path[2] = "images/pic3.jpg"; 

function slide(v) {
    var x = x + v;

    if(i < path.length){
        i = i - x;
    }
    if(i > path.length){
        x = path.length; 
    }

    document.slideshow.src = path[i];

如果仍然可以递增或递减，则需要检查值if

var path=new Array（）；
路径[0]=”https://www.mavericklabel.com/images/products/preprinted-stock/stock-label/color-coded/rectangle/rectangle-green-3x5-inch-200x200.png";
路径[1]=”https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSLNrcoSk41WfHji3m9JPbgWkdgPPstVtWfDLLUtcnEGloFwDNT"; 
路径[2]=”http://www.dots-by-inlingua.com/img/intro/dot_7.png"; 
var x；
var i=0；
功能幻灯片（五）{
如果（v==-1）{
如果（i！==0）i=i+v；
}
如果（v==1）{
如果（i



以前的
下一个
请正确格式化您的代码。您永远不会更改i变量…它已格式化，您现在可以帮助吗@SamiKuhmonen。正如我提到的，您永远不会更改变量i，因此它将始终为0。您永远不会使用x
<html>
<head>
    <script type="text/javascript">
        <!--
        var image1=new Image()
        image1.src="1.jpg"
        var image2=new Image()
        image2.src="2.jpg"
        var image3=new Image()
        image3.src="3.jpg"
        //-->
    </script>
</head>
<body>
    <img src="1.jpg" name="slide" width="500" height="250" />
    <script>
    <!--
    //variable that will increment through the images
    var step=1
    function slideit(){
    //if browser does not support the image object, exit.
    if (!document.images)
    return
    document.images.slide.src=eval("image"+step+".src")
    if (step<3)
    step++
    else
    step=1
    //call function "slideit()" every 2.5 seconds
    setTimeout("slideit()",2500)
    }
    slideit()
    //-->
    </script>
</body>