jQuery Сценарій jCarousel

• Може 7, 2024

jQuery зробив додавання зображень на веб-сайти легким завданням. Існує багато сценаріїв jQuery, випущених під ліцензіями MIT та / або GPL. Більшість із них - це сценарії підключення та відтворення (підключення), які не потребують ніяких знань з програмування для використання на вашому веб-сайті чи встановлення на сайті вашого клієнта. Ви можете розглянути можливість додавання сценаріїв jQuery до дизайнерських послуг.

Один такий сценарій jQuery Яна Соргалла - jCarousel. Цей плагін може мати безліч застосунків як для графіки, так і для тексту. Основна функція сценарію - прокручування вмісту по горизонталі або вертикалі. Вміст можна статично завантажувати або динамічно завантажувати через Ajax, JavaScript, PHP або Flickr. Звичайно, цей другий варіант вимагає ознайомлення з цими мовами. jCarousel також працює з Thickbox 3, так що зображення великого розміру відкривається в Thickbox, коли клацніть на мініатюрі зображення у каруселі.

Більшість кодів сценарію посилається на розділ Head на веб-сторінці. Вам знадобиться бібліотека jQuery та вихідний код та файли таблиць стилів jCarousel. Що приємно в цьому плагіні, це те, що він може бути «знятий» за допомогою CSS, щоб він мав багато поглядів. Вміст, який слід прокручувати за сценарієм, розміщується в тілі веб-сторінки в базовому списку UL.

У вас є кілька варіантів налаштування сценарію, включаючи додавання спеціальної анімації та полегшення. Він може функціонувати за допомогою кнопки автоматичної прокрутки або навігації. Ще одна приємна особливість полягає в тому, що ширина каруселі змінюється автоматично для розміщення вікна браузера. Він може бути налаштований для відображення більшої чи меншої кількості зображень залежно від розміру браузера або налаштований на встановлену кількість зображень з гнучким інтервалом між зображеннями, якщо це потрібно. Ви можете мати більше однієї каруселі на сторінці і надати кожній з них різну шкіру.

Інтеграція з фотопотоком Flickr та API Flickr - це приємна особливість, яку не можна побачити у більшості сценаріїв. Він перевірений для роботи в декількох браузерах, включаючи сумнозвісний Internet Explorer 6.

Ви можете запитати себе, чому ви використовуєте це замість простої анімації gif, яку ви можете створити у Photoshop. Основна причина - легкість оновлення каруселі після її встановлення. Легше перемикати вміст у списку UL, ніж створювати новий GIF кожного разу, коли потрібно показувати інший набір зображень.

//sorgalla.com/projects/jcarousel/