Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript逐个显示图像_Javascript_Slideshow - Fatal编程技术网

JavaScript逐个显示图像

JavaScript逐个显示图像,javascript,slideshow,Javascript,Slideshow,我使用这段代码从test.php输出读取数组,对其排序,然后像幻灯片一样显示结果 这一行有问题,因为只显示一个图像 curimg= (curimg < galleryarray.length) curimg + 1; 排队 curimg= (curimg < galleryarray.length); curimg=(curimg

我使用这段代码从test.php输出读取数组,对其排序,然后像幻灯片一样显示结果

这一行有问题,因为只显示一个图像

    curimg= (curimg < galleryarray.length)
    curimg + 1;
排队

curimg= (curimg < galleryarray.length); 
curimg=(curimg
您正在将curimg设置为布尔值(1或0)。您需要做的是将线路更换为

if(curimg < galleryarray.length) 
    curimg = curimg + 1;
if(curimg
试试这个:

curimg = (curimg+1) % galleryarray.length;

这将使您可以从开始到结束重复循环galleryarray。

这就解决了它!非常感谢。现在,另一个问题是,在加载第一个映像之前会出现延迟。所以我们在第一张图片前看到一个空白页。如何修复此问题?您可以像显示的那样预取图像。另一个选择是使用像jQuery这样的javascript库,它有一些插件,可以让你用更少的代码/精力来进行图像滑动。这些代码工作得很好,只有一个问题,当我第一次加载页面时,我看到了一个空白图像,然后看到了我的第一个图像。如何解决这个问题?
setInterval()
不会立即运行
rotateimages
方法;它将等待2秒钟,然后再首次调用它。尝试在
窗口内添加对
rotateimages
的调用。在
setInterval
调用后立即加载
处理程序。
if(curimg < galleryarray.length) 
    curimg = curimg + 1;
curimg = (curimg+1) % galleryarray.length;