Привет всем спецам. Я тут хочу сделать небольшое слайдшоу.

Тема в разделе 'JavaScript', создана пользователем Gennadiy, 25 янв 2012.

  1. Gennadiy Новичок

    Вроде нашёл подходящий код, но хотел бы коечто добавить.
    1. Когда открываешь страницу на сайте, то первая фотография не сразу загружается, а начинает потихоньку появляться.
    А нужно чтобы при открытии страницы сразу и первая фотография открылась, и потом только начала медленно исчезать и появляться другая.
    2. Нет перехода с последней фотографии снова на первую, а нужно чтобы с последней снова на первую переходила!

    Вот сам скрипт. Если не сложно поправьте если где ошибка!

    <script type="text/javascript">
    function fade(step) {
    var imgs = document.getElementById("meinFader").getElementsByTagName("img");

    step = step || 0;

    imgs[counter].style.opacity = step/100;
    imgs[counter].style.filter = "alpha(opacity=" + step + ")"; //

    step = step + 2;

    if (step <= 100) {
    window.setTimeout(function () { fade(step); }, 55);
    } else {
    window.setTimeout(next, 5000);
    }
    }

    function next() {
    var imgs = document.getElementById("meinFader").getElementsByTagName("img");

    if (typeof(counter) != "number") {
    counter = 0;
    }

    counter++;

    if (counter < imgs.length) {
    fade();
    }
    };
    </script>
    <style type="text/css">
    .next { position: absolute; top: 0; left: 100; opacity: 0; filter:alpha(opacity=0); }
    .one { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
    #meinFader { position: top; }
    </style>




    <p id="meinFader">
    <img src="" class="one">
    <img src="Bild_01_01.jpg" class="next">
    <img src="Bild_02_02.jpg" class="next">
    <img src="Bild_03_03.jpg" class="next">
    <img src="Bild_04_04.jpg" class="next">
    <img src="Bild_05_05.jpg" class="next">
    <img src="Bild_06_06.jpg" class="next">


    <script type="text/javascript">
    javascript:next();
    </script>
  2. Gennadiy Новичок

    nikto ne znaet?:-(

Поделиться этой страницей