Требуется помощь от Javascript/Ajax

Question

Я хочу создать элемент фотогалереи, который имеет кнопку воспроизведения и следующую/предыдущую навигацию ... Я могу сделать следующее и предыдущее, используя загрузку ajax ... и я не хочу для предварительной загрузки данных для игровых функций. Единственный способ, о котором я могу думать, - использовать ajax-вызов в таймере для функциональности воспроизведения ... но снова .. токи будут происходить бесконечно, пока человек не уйдет ... есть ли любой лучший способ, который я могу сделать >>> ??? Могу ли я сделать один вызов ajax, чтобы получить html каждого из них и поместить в массив и итерации .. так как я могу сделать это >> ??? или есть лучшее решение для этого?

Answer 1

получить все URL изображения из 1 вызова ajax и сохранить его в массиве и динамически установить изображение src с помощью javascript за время. Но без предварительной загрузки может произойти мерцание

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 
}