使用javascript在html中播放幻灯片。。图像更改但未正确显示

我试过这个密码。。但当图像发生变化时，它不会正确显示。。 alt图像（显示一个小的断开图像）

---

我尝试将var step=1；在函数作为全局变量之前。。但它仍然不起作用。。我甚至试过document.images.slide.src=“images/pentag.jpg”

var image1=新图像（）
image1.src=“images/pentag.jpg”
var image2=新图像（）
image2.src=“images/promo.jpg”

函数slideit（）
{
var阶跃=1；
document.images.slide.src=eval（“image”+step+“.src”）
如果（步骤您不能像那样将image变量作为参数传递，它将使用一个名为“image1.src”的字符串

尝试将它们放入一个数组中，然后使用step变量获取索引。
您不能将图像变量作为这样的参数传递。它需要一个名为“image1.src”的字符串

尝试将它们放入一个数组中，然后使用step变量获取索引。
您不能将图像变量作为这样的参数传递。它需要一个名为“image1.src”的字符串

尝试将它们放入一个数组中，然后使用step变量获取索引。
您不能将图像变量作为这样的参数传递。它需要一个名为“image1.src”的字符串

尝试将它们放入一个数组中，然后使用step变量获取索引。
您做了一些错误。您在slideit（）中提供了step变量函数只能声明为局部变量。因此，每次使用setTimeOut调用函数时，都会创建一个新的步骤变量。这将导致永远不会更改初始映像

我更喜欢使用setTimeOut调用slideit函数

就这样。下面是完整的代码：

HTML:

<img src="http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg" width="500" height="300" name="slide" />



javaScript:

var step=1;
var image1 = new Image();
image1.src = "http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg";
var image2 = new Image();
image2.src = "http://www.hdwallpapers-3d.com/wp-content/uploads/2014/03/Cartoon-6.jpg";

function slideit()
{
    //This looks better though
    //document.getElementsByName("slide")[0].src = eval("image"+step+".src");
    document.images.slide.src = eval("image"+step+".src");

    if(step<2)
        step++;
    else
        step=1;
    setTimeout(function(){slideit()},2500);
}
slideit();

var阶跃=1；
var image1=新图像（）；
image1.src=”http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg";
var image2=新图像（）；
image2.src=”http://www.hdwallpapers-3d.com/wp-content/uploads/2014/03/Cartoon-6.jpg";
函数slideit（）
{
//不过这看起来好多了
//document.getElementsByName（“幻灯片”）[0].src=eval（“图像”+step+.src”）；
document.images.slide.src=eval（“image”+step+“.src”）；
如果（step您做错了什么。您仅通过将step变量声明为局部变量使其在slideit（）函数中可用。因此，每次使用setTimeOut调用函数时，都会创建一个新的step变量。这将导致永远不会更改初始映像

我更喜欢使用setTimeOut调用slideit函数

就这样。下面是完整的代码：

HTML:

<img src="http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg" width="500" height="300" name="slide" />



javaScript:

var step=1;
var image1 = new Image();
image1.src = "http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg";
var image2 = new Image();
image2.src = "http://www.hdwallpapers-3d.com/wp-content/uploads/2014/03/Cartoon-6.jpg";

function slideit()
{
    //This looks better though
    //document.getElementsByName("slide")[0].src = eval("image"+step+".src");
    document.images.slide.src = eval("image"+step+".src");

    if(step<2)
        step++;
    else
        step=1;
    setTimeout(function(){slideit()},2500);
}
slideit();

var阶跃=1；
var image1=新图像（）；
image1.src=”http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg";
var image2=新图像（）；
image2.src=”http://www.hdwallpapers-3d.com/wp-content/uploads/2014/03/Cartoon-6.jpg";
函数slideit（）
{
//不过这看起来好多了
//document.getElementsByName（“幻灯片”）[0].src=eval（“图像”+step+.src”）；
document.images.slide.src=eval（“image”+step+“.src”）；
如果（step您做错了什么。您仅通过将step变量声明为局部变量使其在slideit（）函数中可用。因此，每次使用setTimeOut调用函数时，都会创建一个新的step变量。这将导致永远不会更改初始映像

我更喜欢使用setTimeOut调用slideit函数

就这样。下面是完整的代码：

HTML:

<img src="http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg" width="500" height="300" name="slide" />



javaScript:

var step=1;
var image1 = new Image();
image1.src = "http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg";
var image2 = new Image();
image2.src = "http://www.hdwallpapers-3d.com/wp-content/uploads/2014/03/Cartoon-6.jpg";

function slideit()
{
    //This looks better though
    //document.getElementsByName("slide")[0].src = eval("image"+step+".src");
    document.images.slide.src = eval("image"+step+".src");

    if(step<2)
        step++;
    else
        step=1;
    setTimeout(function(){slideit()},2500);
}
slideit();

var阶跃=1；
var image1=新图像（）；
image1.src=”http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg";
var image2=新图像（）；
image2.src=”http://www.hdwallpapers-3d.com/wp-content/uploads/2014/03/Cartoon-6.jpg";
函数slideit（）
{
//不过这看起来好多了
//document.getElementsByName（“幻灯片”）[0].src=eval（“图像”+step+.src”）；
document.images.slide.src=eval（“image”+step+“.src”）；
如果（step您做错了什么。您仅通过将step变量声明为局部变量使其在slideit（）函数中可用。因此，每次使用setTimeOut调用函数时，都会创建一个新的step变量。这将导致永远不会更改初始映像

我更喜欢使用setTimeOut调用slideit函数

就这样。下面是完整的代码：

HTML:

<img src="http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg" width="500" height="300" name="slide" />



javaScript:

var step=1;
var image1 = new Image();
image1.src = "http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg";
var image2 = new Image();
image2.src = "http://www.hdwallpapers-3d.com/wp-content/uploads/2014/03/Cartoon-6.jpg";

function slideit()
{
    //This looks better though
    //document.getElementsByName("slide")[0].src = eval("image"+step+".src");
    document.images.slide.src = eval("image"+step+".src");

    if(step<2)
        step++;
    else
        step=1;
    setTimeout(function(){slideit()},2500);
}
slideit();

var阶跃=1；
var image1=新图像（）；
image1.src=”http://picpuddle.com/wp-content/uploads/2014/06/cute-cartoons-21.jpg";
var image2=新图像（）；
image2.src=”http://www.hdwallpapers-3d.com/wp-content/uploads/2014/03/Cartoon-6.jpg";
函数slideit（）
{
//不过这看起来好多了
//document.getElementsByName（“幻灯片”）[0].src=eval（“图像”+step+.src”）；
document.images.slide.src=eval（“image”+step+“.src”）；
if（Stephen）是否通过调试检查路径？是否通过调试检查路径？是否通过调试检查路径？是否通过调试检查路径？我尝试将var step=1；放在函数之前作为全局变量..但仍然不起作用..我甚至尝试了document.images.slide.src=“images/pentag.jpg”；我尝试将var step=1；放在函数之前作为全局变量..但仍然不起作用..我甚至尝试了document.images.slide.src=“images/pentag.jpg”；我尝试将var step=1；放在函数之前作为全局变量..但仍然不起作用..我甚至尝试了document.images.slide.src=“images/pentag.jpg”；我尝试将var step=1；放在函数之前作为全局变量..但仍然不起作用..我甚至尝试了document.images.s