2013-04-17 2 views
0

Я пытаюсь это сделать.Как предварительно загрузить ajax из экрана

У меня есть ползунок с 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> 

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

+0

И проблема ...? Из того, что вы говорите, просто отправляйте запрос ajax для 4 изображений при нажатии. Может, я что-то упустил? Также ... отредактируйте свой пост и введите код там. No1 всегда будет тратить время, чтобы понять это так, как это выразилось. – zozo

+0

Не могли бы вы просто отредактировать вопрос и добавить код к нему, это сделало бы его намного яснее;), а не в комментарии. – Seer

+0

просто установите текущее местоположение на изображение, которое находится в середине всего списка изображений. установите этот параметр после загрузки страницы. – dreamweiver

ответ

0

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

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

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

Смежные вопросы