Карусель картинок для интернет-магазина?

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

Подскажите пожалуйста возможно кто то уже подобное делал. JCarusel и прочие навороченные карусели слишком сильно грузят и при большом кол-ве товаров подвисают. Нужно что-то совсем легкое желательно на JQuery.
  • Вопрос задан
  • 3831 просмотр
Пригласить эксперта
Ответы на вопрос 5
medved13
@medved13
Ведущий front-end разработчик
например, plugins.jquery.com/project/Sideswap и дальше искать там же по слову «rotator»
Ответ написан
Комментировать
Если совсем маленький и простой надо, то вот, для себя писал баннерокрутилку, 384 байта: 2sane.ru/js/cycler.min.js, исходник: 2sane.ru/js/cycler.js
В любой div кладете сколько нужно картинок, и в скрипте пишите что-то вроде:

$('.advert-item').cycle({
interval: 4000,
speed: 1000
});
Ответ написан
Комментировать
Вот ещё попробуйте: www.gmarwaha.com/jquery/jcarousellite/, сам всегда ей пользуюсь, весит всего 2 кб, и куча возможностей.
Ответ написан
Комментировать
dmomen
@dmomen
Проблема быстродействия заключается, как правило, не в легкости реализации карусели, а скорее в ее использовании. Часто приходилось сталкиваться с подобной задачей и вот вам пару советов по ускорению:
1. Старайтесь использовать картинки наименьшего возможного размера.
2. Старайтесь использовать наименьшее количество изображений, не нужно делать огромную простыню в десятки тысяч пикселей.
3. Старайтесь избегать асинхронных запросов к серверу во время анимации.
4. Увеличивайте время анимации и интервал.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы