мая 9, 2011

Горизонтальная карусель на jQuery

Предлагаю небольшую подборку горизонтальных слайдеров. Наиболее частое использование – карусель товаров, фотогалереии или картинок к постам. Можно было бы конечно сделать пост 50 видов слайдеров, но это были бы всего лишь вариации приведённых ниже.
Вообще, все слайдеры на jQuery используют один принцип – изменение левого сдвига (свойство left) и клонирование объектов, для создания видимости непрерывной карусели.
Вывод галереи изображений в пост осуществляется через следующий код:

[gallery itemtag="div" icontag="span" captiontag="p" link="file"]

Для отображения любой карусели в произвольном месте шаблона используйте шорткоды:

<?php echo do_shortcode('[gallery itemtag="div" icontag="span" captiontag="p" link="file"]')?>

Примеры и исходный код.


Комментарии

  • ikvid

    Спасибо за интересный пост!

    • Пожалуйста! но ссылки в нике я оставляю только на личные блоги

  • valery

    Добрый день!

    На странице
    http://web-esse.ru/htmlcss/obzor-slajderov-na-jquery/

    Вы указали ссылку http://web-esse.ru/example/sliders/carousel.html

    Примеры и исходный код.

    А где можно посмотреть эти исходные коды?

    • Добрый день.
      Правой кнопкой мыши и например, в хроме “Просмотр кода страницы”

      • Добрый день!
        Спасибо за ответы.
        Только речь идет не о “Просмотре кода страницы”, а исходном коде карусели (слайдера).
        Укажите links, please.