Как предварительно загрузить ajax из экрана

Question

Я пытаюсь это сделать.

У меня есть ползунок с 8 изображениями, проходящими 1 на 1. Если я нажму кнопку «Далее» или «Пред.», Пройдите 8 новых изображений. (Все, что изображения declarated на мой index.php) так:

мне нужно поджать 8 изображений (из базы данных) из экрана (4 слева и 4 справа) и при нажатии на Next или Prev кнопки пропускают каждую группу.

Мне нужно сделать это, чтобы не загружать все изображения (это будет более 200).

Код, который у меня есть это:

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#foo1").carouFredSel({ 
     items : 8, 
     direction : "left", 
     width : "100%", 
     scroll : { 
      items : 1, 
      easing : "swing", 
      duration : 300 
     }      
    }); 

    $("#foo1_next").click(function() { 
     $("#foo1").trigger("next", 4); 
    }); 

    $("#foo1_prev").click(function() { 
     $("#foo1").trigger("prev", 4); 
    }); 
}); 
</script> 

Спасибо так много.

Answer 1

Если вы хотите предварительно загрузить изображения еще не показывая их всегда можно сделать

function preloadImage(url) { 
    var image = new Image(); 
    image.src = url; 
    return image; 
} 

, а затем вставить изображение в DOM.