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

Question

Я хочу загрузить динамические изображения (с сервера) на веб-страницу только после нажатия следующей ссылки. Я не хочу увеличивать время загрузки для страницы, не зная, интересно ли пользователю видеть эти изображения или нет. Одно изображение должно быть загружено, но остальное не должно. Если пользователь нажимает кнопку «Далее», тогда остальная часть этих изображений должна загружаться по одному.

Надеюсь, вы, ребята, поняли мою точку зрения. Все это связано с уменьшением загрузки страницы.

Заранее спасибо.

Answer 1

Вы можете изменить атрибут src ваших изображений динамически. Например, в обработчике кнопки «Next», вы могли бы сделать что-то вроде:

$('#imageid').attr('src', 'http://myserver/mynextimage.jpg');

ссылки на странице JQuery для attr находится здесь:

http://api.jquery.com/attr/

Вот скрипка, показывающим, как для петли через массив изображений:

http://jsfiddle.net/33k2bh51/2/