Переделываем ротатор баннеров в слайдер

Пробегаясь в очередной раз по форуму, заметил тему, в которой обсуждался подобный слайдер. Ну я и вытянул с дизайна под МФС и выкладываю сюда.Итак. Мы должны получить ротатор баннеров с их автоматической прокруткой и небольшими кнопками навигации.

Как это сделаем? Расписывать я не решился — поэтому делаю ещё проще.

1. Открываем header.php и перед тегом:

</head>


Добавим:

<!—РИП слайдера от SFB —>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/easySlider.js"></script>

<script type="text/javascript">
$(document).ready(function(){    
    $("#slider").easySlider({
        auto: true,
        continuous: true,
        speed: 800,
          pause: 3000,
        numeric: true
    });
});
</script>
<!—//—>


2. Далее нам необходимо перетрясти ротатор баннеров — это займёт очень много времени и необходимо понимать, что мы делаем. Скажу вкратце — необходимо выводить баннеры не рандомно из таблицы а циклом все. Я в прикреплении оставлю нормальный файл.

3. Ну тут уже просто — рисуем свой buttons.png — в архиве лежит сляпанный на скорую руку.

slider.zip

Автор публикации

не в сети 14 лет

Alex

Комментарии: 0Публикации: 166Регистрация: 19-02-2011

Понравилась статья? Поделись в соц. сетях:

Похожие новости

Отправить комментарий

wpDiscuz
Авторизация
*
*
Регистрация
*
*
*
Генерация пароля