Jcarousel ajax - как (ajax) загрузить изображение перед слайдом?

Я люблю Jcarousel, но их метод создания красивого слайда изображения заключается в предварительной загрузке изображений, и я хочу сэкономить трафик и время загрузки страницы.

Моя цель: - Первый шаг должен загружать и отображать только одно изображение. Второе изображение не должно быть загружено. Когда происходит щелчок по следующему или предыдущему, я хочу, чтобы изображение было добавлено через ajax, а затем имело эффект слайда.

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

Кто-нибудь пробовал это раньше?


person Philooo    schedule 01.12.2010    source источник


Ответы (1)


Я реализовал jcarausel,

Я загружаю только четыре изображения на страницу, когда пользователь нажимает, я получаю следующие четыре изображения. Сделайте следующее.

1) получить желаемое количество изображений 2) когда пользователь нажимает «Далее», замените существующее изображение src следующим.

Если вы хотите создать эффект загрузки, дайте загружаемое изображение gif по умолчанию в качестве фонового изображения для тех.

person kobe    schedule 01.12.2010
comment
Я посмотрел на ваш пример и вижу, что все ваши изображения находятся в исходном HTML, как вам удается загружать их браузером только после нажатия на следующую кнопку? :) - person Philooo; 01.12.2010
comment
Хитрость в том, что если вы видите будущие элементы, у них есть идентификаторы как src, как только вы нажмете «Далее», src будет заменен на идентификаторы, идентификаторы — это не что иное, как источник изображения - person kobe; 01.12.2010
comment
Я просто надеюсь, что кто-то сделал что-то еще чище :) где изображение может быть загружено после клика, но до того, как произойдет слайд, таким образом, я могу получить красивый слайд с загруженными изображениями без затрат на предварительную загрузку;) - person Philooo; 01.12.2010