Мобильная версия

Электронная библиотека

  • Современные работы
  • Бесплатно скачать книги
  • Бесплатно скачать книги
  • Высшая алгебра, геометрия
  • Математический анализ, ТФ
  • Дифференциальные уравнения
  • Численные методы алгоритмы
  • Математическая физика
  • Теория чисел и множеств
  • Специальные темы, книги
  • Общая высшая физика
  • Другие популярные издания
  • Программисту веб-дизайнеру

  • Документация - HTML, XML
  • Статьи пресс-релизы обзоры
  • Веб-дизайнеру - JavaScript
  • Другие материалы

  • Авторское право - помощь
  • Полиграфия, печать цвет
  • Библиография, статьи
  • Библиотека: скачать готовые скрипты Javascript
    Слайд-шоу с заменой изображений друг другом и эффектом полного затухания

    Посмотрите на работу первого скрипта на отдельной веб-странице (персональный компьютер).
    При помощи приводимого ниже клиентского сценария - скрипта Javascript - можно организовать слайд-шоу «ротатор любых изображений» с заменой изображений друг другом и эффектом полного затухания и появления из ничего на переходах. Эффектный и очень практичный скрипт. Скорость можно настраивать.

    Обязательно указание команды: <body onLoad="showimage()">
    Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в свою веб-страницу в необходимое место.

    <scriptlanguage="javascript'>
    <!-- Beginning
    slide01 = new Image();
    slide01.src = "img00001.jpg";

    slide02 = new Image();
    slide02.src = "img00002.jpg";

    slide03 = new Image();
    slide03.src = "img00003.jpg";

    slide04 = new Image();
    slide04.src = "img00004.jpg";

    var i_strngth=1
    var i_image=0

    var imageurl = new Array()
    imageurl[0] ="img00001.jpg"
    imageurl[1] ="img00002.jpg"
    imageurl[2] ="img00003.jpg"
    imageurl[3] ="img00004.jpg"

    function showimage() { if(document.all) {
    if (i_strngth <=110) {
    testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
    i_strngth=i_strngth+10
    var timer=setTimeout("showimage()",100)
    }
    else { clearTimeout(timer)
    var timer=setTimeout("hideimage()",1000)
    }
    }
    if(document.layers) { clearTimeout(timer)
    document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>")
    document.close()
    i_image++
    if (i_image >= imageurl.length) {i_image=0}
    var timer=setTimeout("showimage()",2000)
    }
    }
    function hideimage() { if (i_strngth >=-10) {
    testimage.innerHTML="<img style='filter:alpha(opacity="+i_strngth+")' src="+imageurl[i_image]+" border=0>";
    i_strngth=i_strngth-10
    var timer=setTimeout("hideimage()",100)
    }
    else { clearTimeout(timer)
    i_image++
    if (i_image >= imageurl.length) {i_image=0}
    i_strngth=1
    var timer=setTimeout("showimage()",500)
    }
    }
    // End of Javascript -->
    </script>

    <div id="testimage" style="visibility:visible"></div>

    c 15/06/2015 страница посещена
    Counter.CO.KZ

    Мобильная версия

    Сайт для компьютера
    http://www.mat.net.ua