Сьогодні я хочу поділитися досвідом використання jQuery плагіна jCarousel Lite. Він може стати в нагоді вам при необхідності зробити карусель товарів для інтернет-магазину, міні-галерею, або просто красиво відобразити фотографії.
Природно, щоб плагін працював, потрібно підключити бібліотеку jQuery, скачати можна тут.
а також, скачати сам jCarousel Lite.
Після закачування додайте jCarousel Lite:
і якщо не підключено jQuery:
додавати ці та подібні до них скрипти потрібно в header сторінки, можна і в тіло документа, але краще в заголовок - щоб вони виконувалися в першу чергу.
Потім в потрібному місці нашої сторінки додаємо сам блок з картинками
і трохи вище блоку з картинками код виклику функції jCarouselLite
Саме тут налаштовується плагін каруселі. Код міститься в jCarouselLite (<…>) Це параметри плагіна.
За замовчуванням карусель прокручується кнопками «вліво» і «вправо»
Якщо потрібно щоб прокручувалась більше ніж одна картинка, додайте
в параметри плагіна після
не забувши при цьому додати кому після цього параметра.
Можна встановити авто-прокрутку, якщо змінити параметри на
Інші параметри плагіна:
Більше прикладів можна подивитися на сайті розробника плагіна jCarouselLite.
Я ж використовував даний плагін для створення каруселі товарів в інтернет-магазині проветривателей «Свіжий Повітря»
Доповнення функціоналу, і верстку робив теж я;).