需要Javascript / Ajax帮助

Question

我想创建一个带有播放按钮和下一个/上一个导航的照片库元素... 我可以通过使用ajax加载来完成下一个和上一个...并且我不想为播放功能预加载数据..我能想到的唯一方法是在计时器中使用ajax调用来播放功能......但是..呼叫将以无限的方式发生，直到该人离开...有没有更好的方法，我可以做＆gt;＆gt;＆gt; ???我可以做一个ajax调用来获取每个的html并放入数组并迭代..如此，我如何去做它＆gt;＆gt; ???还是有更好的解决方案??

Answer 1

从1 ajax调用获取所有图像URL并将其存储在数组中并使用javascript动态设置图像src。但是，如果不使用预加载，可能会发生闪烁

Answer 2

这是一个简单的方法。

//Global variable
var imgList;
var imgPntr = 0;

//AJAX function
function getImagesUrl()
{
    //Some code here

    //On success
    return arrayOfUrl;
}

// call this to prepare the images
function prepareImages()
{
   var temp = getImagesUrl();
   for(var i = 0; i  0) {
       imgPntr--;

       //Load this image in your gallery
       loadImage(imgList[imgPntr]);
    } else {
       //Either rotate to end or alert the user end or disable prev button
    }

}

// Call on press play
function play()
{
   // Use setTime out and call showNext() until end
}