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

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

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

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

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

    Посмотрите на работу этого великолепного скрипта на отдельной веб-странице (персональный компьютер).
    При помощи приводимого ниже клиентского сценария - скрипта Javascript - можно организовать слайд-шоу «витрина» с выездом изображений слева и гиперссылками. Исключительный по зрелищности и наглядности нетривиальный скрипт. Регулируемое время задержки и количество слайдов. Выделите мышью приводимый ниже код, скопируйте его (командой Ctrl+C) и вставьте его (командой Ctrl+V) в свою веб-страницу в необходимое место.

    <script type="text/javascript">

    var trans_width='400px'
    var trans_height='300px'
    var pause=3000 // пауза (3000=3 seconds)
    var degree=10 // скорость анимации

    var slideshowcontent=new Array()
    slideshowcontent[0]=["img00001.jpg", "http://Yuo-URL", "_blank"]
    slideshowcontent[1]=["img00002.jpg", "", ""]
    slideshowcontent[2]=["img00003.jpg", "", ""]


    //// далее нельзя редактировать /////////////

    var bgcolor='white'

    var imageholder=new Array()
    for (i=0;i<slideshowcontent.length;i++){
    imageholder[i]=new Image()
    imageholder[i].src=slideshowcontent[i][0]
    }

    var ie4=document.all
    var dom=document.getElementById&&navigator.userAgent.indexOf("Opera")==-1

    if (ie4||dom)
    document.write('<div style="position:relative;width:'+trans_width+';height:'+trans_height+';overflow:hidden"><div id="canvas0" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div><div id="canvas1" style="position:absolute;background-color:'+bgcolor+';width:'+trans_width+';height:'+trans_height+';left:-'+trans_width+';filter:alpha(opacity=20);-moz-opacity:0.2;"></div></div>')
    else if (document.layers){
    document.write('<ilayer id=tickernsmain visibility=hide width='+trans_width+' height='+trans_height+' bgColor='+bgcolor+'><layer id=tickernssub width='+trans_width+' height='+trans_height+' left=0 top=0>'+'<img src="'+slideshowcontent[0][0]+'"></layer></ilayer>')
    }

    var curpos=trans_width*(-1)
    var curcanvas="canvas0"
    var curindex=0
    var nextindex=1

    function getslidehtml(theslide){
    var slidehtml=""
    if (theslide[1]!="")
    slidehtml='<a href="'+theslide[1]+'" target="'+theslide[2]+'">'
    slidehtml+='<img src="'+theslide[0]+'" border="0">'
    if (theslide[1]!="")
    slidehtml+='</a>'
    return slidehtml
    }

    function moveslide(){
    if (curpos<0){
    curpos=Math.min(curpos+degree,0)
    tempobj.style.left=curpos+"px"
    }
    else{
    clearInterval(dropslide)
    if (crossobj.filters)
    crossobj.filters.alpha.opacity=100
    else if (crossobj.style.MozOpacity)
    crossobj.style.MozOpacity=1
    nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
    tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
    tempobj.innerHTML=getslidehtml(slideshowcontent[curindex])
    nextindex=(nextindex<slideshowcontent.length-1)? nextindex+1 : 0
    setTimeout("rotateslide()",pause)
    }
    }

    function rotateslide(){
    if (ie4||dom){
    resetit(curcanvas)
    crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
    crossobj.style.zIndex++
    if (crossobj.filters)
    document.all.canvas0.filters.alpha.opacity=document.all.canvas1.filters.alpha.opacity=20
    else if (crossobj.style.MozOpacity)
    document.getElementById("canvas0").style.MozOpacity=document.getElementById("canvas1").style.MozOpacity=0.2
    var temp='setInterval("moveslide()",50)'
    dropslide=eval(temp)
    curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
    }
    else if (document.layers){
    crossobj.document.write(getslidehtml(slideshowcontent[curindex]))
    crossobj.document.close()
    }
    curindex=(curindex<slideshowcontent.length-1)? curindex+1 : 0
    }

    function jumptoslide(which){
    curindex=which
    rotateslide()
    }

    function resetit(what){
    curpos=parseInt(trans_width)*(-1)
    var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
    crossobj.style.left=curpos+"px"
    }

    function startit(){
    crossobj=ie4? eval("document.all."+curcanvas) : dom? document.getElementById(curcanvas) : document.tickernsmain.document.tickernssub
    if (ie4||dom){
    crossobj.innerHTML=getslidehtml(slideshowcontent[curindex])
    rotateslide()
    }
    else{
    document.tickernsmain.visibility='show'
    curindex++
    setInterval("rotateslide()",pause)
    }
    }

    if (window.addEventListener)
    window.addEventListener("load", startit, false)
    else if (window.attachEvent)
    window.attachEvent("onload", startit)
    else if (ie4||dom||document.layers)
    window.onload=startit

    </script>

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

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

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