Ротатор баннеров JQuery


Выкладываю ротатор баннеров JQuery, который предназначен, в большей степени для размещения в сайдбаре сайта, так как его ширина 257px, но в принципе разместить его можно где угодно, поправив немного верстку. Это действительно классный ротатор.

Этому ротатору баннеров для работы нужно подключение к библиотеке JQuery, которая присутствует в архиве с исходником. Этот ротатор является отзывчивым, посетитель имеет возможность пролистать все рекламные объявления, что оказывается немаловажно для юзабилити сайта.

Кaк говорится в книжках на эту тему — чем посетитель не может управлять, то его начинает раздражать. При том, что данный ротатор баннеров JQuery пролистывается щелчком мыши, он также и пролистывается в автоматическом режиме. Имеются кнопки для подключения ссылок, есть возможность добавления рекламных слоганов.

На этот баннер можно повесить сколь угодно рекламных слайдов.

Да что я все рассказываю, лучше один раз увидеть.

Скачать

Никакими особенностями подключения этот ротатор баннеров не обладает. Подключение скриптов и стилей стандартное. Следует обратить внимание лишь на библиотеку JQuery, здесь это версия jquery-1.7.2.min.js и если у вас уже подключена библиотека, то попробуйте подключать ротатор без этого файла. Поэкспериментируйте вобщем.

В HTML коде ротатора баннера отмечены места, где нужно прописывать путь к картинкам. Ссылки нужно вставлять вместо решетки a href=»#». Подбирайте картинки соразмерно ширине ротатора. В архиве картинки 200х200пикселов.

Для тех, кому нужен ротатор попроще, у меня есть статья с подробной инструкцией по установке: «Ротатор баннеров. JS Скрипт ротатор баннеров»
Этот скрипт очень простой, но выводит рекламные картинки рандомно, тоесть случайно, при перезагрузке страницы.

Пригодилась статья «Ротатор баннеров JQuery»? Жмите кнопочки плиз.
P.S. За ротатор баннеров спасибо журналу webformyself.com


Похожие по Тегам статьи