Вы можете отложить загрузку изображений, используя множество методов, одна из которых выглядит так:
a) Определите URL вашего изображения в атрибуте, отличном от src (например, isrc), для всех изображений, кроме первого.
<img width="640" height="450" alt="" rel="Slider-Image" isrc="/LMS/JSLslider/Images/Pyramid/Folie1.jpg" />
b) В коде запуска вашей страницы и при каждом событии «переход к следующему слайду» вы можете позвонить:
function loadMoreImages() {
var limit = 5;
var i = 0;
$('img[isrc]').each(function() {
if(i < limit) {
$(this).attr('src', $(this).attr('isrc'));
$(this).removeAttr('isrc'));
}
i++;
});
}
$(document).ready(function() {
loadMoreImage();
$('#yournextbutton').click(function() { loadMoreImage(); });
});