На этой странице показываю ещё одну, не менее полезную и интересную возможность
применения библиотек jQuery.
Это создание чрезвычайно(!) удобного ротатора контента на своём сайте.
(!)Слайдер ротатора начнёт работать через 5 секунд. Только уберите курсор мыши с него, иначе он будет "ждать" Вас.
** Почитать об особенностях его использования сможете сразу под ним.
Разумеется, не буду рекламировать мотоциклы с помощью созданного ротатора. Думаю, и так понятно, что это легко можно делать.
Вы видите содержание первого блока, просто вписанного в "каркас" ротатора.
Таким "каркасом" служит ненумерованный список.
Всё то же самое. Можно вставлять, что угодно.
Активный раздел отмечается изменением цвета нижнего круглого окошка-кнопки.
Кстати, нужно сказать, что текст, который НЕ умещается в отведённые для него размеры "каркаса", вовсе не пропадает, а просто прячется скриптом.
Здесь решил вставить ссылки на несколько других очень интересных страниц,
посвящённых технологии jQuery.
Если Вы там не были, посмотрите. Откроются в новом окне.
jQuery МЕГА-меню
jQuery Фотогалерея
jQuery Свернуть/Развернуть
У меня есть ещё несколько видов ротаторов контента, сделанных во время обучения, но больше всего мне понравился этот.
Надеюсь, Вы убедились, что пользоваться таким ротатором действительно очень удобно.
Ротаторы позволяют экономить просто огромное количество(!) места на страницах сайта. Ведь в движущихся блоках можно размещать, что угодно: картинки, текст, ссылки и т.д., и т.п.. К тому же, они очень удобны(!) для посетителей сайта.
"По умолчанию" страница открывается с запущенным слайд-шоу. Контент, расположенный в ячейках ненумерованного списка, медленно сменяется.
Его можно остановить, если что-то заинтересует, тремя способами: временно (навести курсор мыши на слайд) и, если движение раздражает, можно его просто выключить (кликнув по кнопке).
Потом снова включить, и т.д..
Причём, заметьте - надпись на кнопке будет меняться.
Кроме того. Начав использование любого элемента ручного управления: круглые окошки, боковые угловые скобки, - переведёте слайдер ротатора в ручной режим.
И последнее. Клик по круглому окошку с цифрой быстро и сразу загрузит нужный раздел. Боковые, левая или правая скобки, плавно покажут предыдущий/следующий контент.
* * *
В показанном примере наглядно проявились большие удобства использования технологии jQuery. Надеюсь, как и мне, они Вам очень понравились.
Все права защищены. Copyright © 2009 - Коротеев Владимир.
