На цій сторінці показую ще одну, не менш корисну і цікаву можливість застосування бібліотек jQuery. Це створення надзвичайно (!) Зручного ротатора контенту на своєму сайті.
(!) Слайдер ротатора почне працювати через 5 секунд. Тільки приберіть курсор миші з нього. інакше він буде "чекати" Вас.
** Почитати про особливості його використання зможете відразу під ним.
ротатор контенту
Перший розділ ротатора
Приклад другого розділу
Все теж саме. Можна вставляти, що завгодно.
Активний розділ відзначається зміною кольору нижнього круглого віконця-кнопки.
До речі, потрібно сказати, що текст, який НЕ уміщається в відведені для нього розміри "каркаса", зовсім не пропадає, а просто ховається скриптом.
третій розділ
Тут вирішив вставити посилання на кілька інших дуже цікавих сторінок, присвячених технології jQuery.
Якщо Ви там не були, подивіться. Відкриються в новому вікні.
jQuery МЕГА-меню
jQuery Фотогалерея
jQuery Згорнути / Розгорнути
четвертий розділ
У мене є ще кілька видів ротаторів контенту, зроблених під час навчання, але найбільше мені сподобався цей.
Сподіваюся, Ви переконалися, що користуватися таким ротатором дійсно дуже зручно.
пристрій ротатора
Ротатори дозволяють економити просто величезна кількість (!) Місця на сторінках сайту. Адже в рухомих блоках можна розміщувати, що завгодно: картинки, текст, посилання і т.д. і т.п. До того ж, вони дуже зручні (!) Для відвідувачів сайту.
"За замовчуванням" сторінка відкривається з запущеним слайд-шоу. Контент, розташований в осередках ненумерованого списку, повільно змінюється.
Його можна зупинити. якщо щось зацікавить, трьома способами: тимчасово (навести курсор миші на слайд) і, якщо рух дратує, можна його просто вимкнути (клікнувши по кнопці). Потім знову включити, і т.д ..
Причому, зауважте - напис на кнопці буде змінюватися.
Крім того. Почавши використання будь-якого елементу ручного управління: круглі віконця, бічні кутові дужки, - перекладете слайдер ротатора в ручний режим.
І останнє. Клік по круглого віконця з цифрою швидко і відразу завантажить потрібний розділ. Бічні, ліва або права дужки, плавно покажуть попередній / наступний контент.
У показаному прикладі наочно проявилися великі зручності використання технології jQuery. Сподіваюся, як і мені, вони Вам дуже сподобалися.