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

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

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

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

0

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

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

Комментарии

  1. superslava,

    В MFS 2.2 иди в папку blocks там лежит нужный тебе файл head.php.
    Я так думаю, что эта примочка на МФС работать не будет. Если у тебя до тега </head> уже стоит какой то javascript, то не будет работать или этот или тот который уже стоит, хотя посмотри, всё зависит от того какой дизайн ты используешь. Может я и ошибаюсь, пусть профи поправят.

    0
  2. Alex,
    Прикольная фишка…
    Так-же можно сделать листание по вертикали…
    Можно такое к платной рекламе прицепить, только ее переписать немного чтобы новыми ссылками старые не забивало, и по дням ее продавать…
    Да в любую рекламу в принципе если посидеть можно прикрутить…

    Alex,
    Тебе респект за дополнение… Бабосы завтра положу тебе на пивасик подкину в копилочку "оп-оп"…

    0
  3. Так Получилось только Вот эти синие кнопочки не вряд как на тестовом сайте. а в столбик стоят и закрываю. половину элементов в меню. И еще почему то пишет что в ротаторе 0 банеров. Но их там пять. а так листаются. как попрпвить чтобы синие кновки были в одну линию? подскажите пожалуйста.

    0
  4. кинте свои файлы ктонибуть

    когда ставлю этот код ротар изчезает

    <!–РИП слайдера от 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>
    <!–//–>

    0
  5. Кстати, Алекс, на сайте, где пример не подсчитывается количество баннеров, так что нужно прописать перед этим

    $res=mysql_query($sql);

    вот это:
    $kol=mysql_num_rows($res);

    и тегом <?=$kol?> выводить количество!))

    0
  6. Класссс, получилось!!! Осталось понять как переделать его под баннеры 100х100

    Ребята кто вытворял такое же с баннерами 100х100, объясните чайнику плиз

    0

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

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