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

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

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

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

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

не в сети 9 лет

Alex

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

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

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

Добавить комментарий

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