Сведения о вопросе

Holish

10:19, 10th August, 2020

Теги

jQuery    

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

Просмотров: 276   Ответов: 5

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



  Сведения об ответе

lourence

05:43, 21st August, 2020

например, plugins.jquery.com/project/Sideswap и дальше искать там же по слову «rotator»


  Сведения об ответе

park

01:21, 27th August, 2020

Если совсем маленький и простой надо, то вот, для себя писал баннерокрутилку, 384 байта: 2sane.ru/js/cycler.min.js, исходник: 2sane.ru/js/cycler.js
В любой div кладете сколько нужно картинок, и в скрипте пишите что-то вроде:

$('.advert-item').cycle({
interval: 4000,
speed: 1000
});


  Сведения об ответе

COOL

14:13, 5th August, 2020

  Сведения об ответе

PROGA

15:49, 21st August, 2020

Вот ещё попробуйте: www.gmarwaha.com/jquery/jcarousellite/, сам всегда ей пользуюсь, весит всего 2 кб, и куча возможностей.


  Сведения об ответе

pumpa

23:20, 15th August, 2020

Проблема быстродействия заключается, как правило, не в легкости реализации карусели, а скорее в ее использовании. Часто приходилось сталкиваться с подобной задачей и вот вам пару советов по ускорению:
1. Старайтесь использовать картинки наименьшего возможного размера.
2. Старайтесь использовать наименьшее количество изображений, не нужно делать огромную простыню в десятки тысяч пикселей.
3. Старайтесь избегать асинхронных запросов к серверу во время анимации.
4. Увеличивайте время анимации и интервал.


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться