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