keyown = 0
17th October 2015  /  18 50

Как сделать ротатор баннеров jQuery

Попробуйте кликнуть по ротатору, каждый баннер ссылается на отдельную страницу. Что в нём самое замечательное? В нём нет монотонности и привыкания - именно это делает его сверх кликабельным. Смена кадров происходит «вразнобой» - не по порядку, с интервалом в 4 сек. Это оптимальный интервал, не вызывающий раздражения пользователей, которое наступает от частого мелькания ярких изображений.
Для сменяемости картинок используются 5 эффектов, если вы считаете, что их много, то сможете оставить только нужные. Вот они:
Горизонтальная прокрутка;
Вертикальная прокрутка;
Плавная замена всех пикселей картинки;
Вырастание картинки из точки;
Горизонтальное вращение куба.

Перейдём к технической части:
1) Чтобы ротатор работал необходимо подключить библиотеку jQuery. Для этого в теге страницы или всего сайта поместите следующую строку:

Это означает, что библиотека jquery-1.6.js (всего 89.2 КБ) находится в папке js вашего сайта. Подойдёт любая другая версия jQuery-библиотеки (не обязательно 1.6), возможно какая-то уже находится на вашем сайте - проверьте. Если нет, то вы легко найдёте её в Сети.
2) Разместите следующий код css в теге страницы или во внешнем css-файле (тогда без тегов


Link

WWW+Programming






The basic of programming
The basic of WWW programming.
JS and Java
Studying and teaching
Program producing
Site, forum
Geo:Russia & other NIS

Work out

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