Хедер

jQuery РОТАТОР контента

На этой странице показываю ещё одну, не менее полезную и интересную возможность применения библиотек jQuery. Это создание чрезвычайно(!) удобного ротатора контента на своём сайте.

(!)Слайдер ротатора начнёт работать через 5 секунд. Только уберите курсор мыши с него, иначе он будет "ждать" Вас.
        ** Почитать об особенностях его использования сможете сразу под ним.

Ротатор контента

  • Pic Mgmt

    Первый раздел ротатора

    Разумеется, не буду рекламировать мотоциклы с помощью созданного ротатора. Думаю, и так понятно, что это легко можно делать.
    Вы видите содержание первого блока, просто вписанного в "каркас" ротатора.
    Таким "каркасом" служит ненумерованный список.

  • Pic Lcd

    Пример второго раздела

    Всё то же самое. Можно вставлять, что угодно.
    Активный раздел отмечается изменением цвета нижнего круглого окошка-кнопки.

    Кстати, нужно сказать, что текст, который НЕ умещается в отведённые для него размеры "каркаса", вовсе не пропадает, а просто прячется скриптом.

  • Pic Montreal

    Третий раздел

    Здесь решил вставить ссылки на несколько других очень интересных страниц, посвящённых технологии jQuery.
    Если Вы там не были, посмотрите. Откроются в новом окне.

    jQuery МЕГА-меню
    jQuery Фотогалерея
    jQuery Свернуть/Развернуть

  • Четвёртый раздел

    У меня есть ещё несколько видов ротаторов контента, сделанных во время обучения, но больше всего мне понравился этот.

    Надеюсь, Вы убедились, что пользоваться таким ротатором действительно очень удобно.


Устройство ротатора

Ротаторы позволяют экономить просто огромное количество(!) места на страницах сайта. Ведь в движущихся блоках можно размещать, что угодно: картинки, текст, ссылки и т.д., и т.п.. К тому же, они очень удобны(!) для посетителей сайта.

"По умолчанию" страница открывается с запущенным слайд-шоу. Контент, расположенный в ячейках ненумерованного списка, медленно сменяется.
Его можно остановить, если что-то заинтересует, тремя способами: временно (навести курсор мыши на слайд) и, если движение раздражает, можно его просто выключить (кликнув по кнопке). Потом снова включить, и т.д..
Причём, заметьте - надпись на кнопке будет меняться.

Кроме того. Начав использование любого элемента ручного управления: круглые окошки, боковые угловые скобки, - переведёте слайдер ротатора в ручной режим.

И последнее. Клик по круглому окошку с цифрой быстро и сразу загрузит нужный раздел.   Боковые, левая или правая скобки, плавно покажут предыдущий/следующий контент.

* * *

В показанном примере наглядно проявились большие удобства использования технологии jQuery. Надеюсь, как и мне, они Вам очень понравились.

Футер

Все права защищены. Copyright © 2009 - 2017 Коротеев Владимир.

Назад

Protected by Copyscape Duplicate Content Check
Яндекс.Метрика
Рейтинг@Mail.ru