Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2005
    Messaggi
    17

    [Modifica Script] Scrolling immagini

    Un saluto a tutti !

    Ho scaricato proprio da Html.it un bello script per lo scrolling delle immagini e vorrei effettuare una modifica in particolare. In pratica le immagini a default scorrono da sinistra verso destra, mentre invece io vorrei farle scorrere dall'alto verso il basso. Cosa devo modificare ? Qui di seguito il codice dello script, grazie per l'attenzione.

    <script type="text/javascript" language="JavaScript">
    <!--
    var slideshow_width='450px'
    var slideshow_height='120px'
    var pause=3000
    var slidebgcolor="#95add1"

    var dropimages=new Array()
    dropimages[0]="img/img1.jpg"
    dropimages[1]="img/img2.jpg"
    dropimages[2]="img/img3.jpg"
    dropimages[3]="img/img4.jpg"
    dropimages[4]="img/img5.jpg"
    dropimages[5]="img/img6.jpg"
    dropimages[6]="img/img7.jpg"
    dropimages[7]="img/img8.jpg"
    dropimages[8]="img/img9.jpg"
    dropimages[9]="img/img10.jpg"

    var droplinks=new Array()
    droplinks[0]=""
    droplinks[1]=""
    droplinks[2]=""
    droplinks[3]=""
    droplinks[4]=""
    droplinks[5]=""
    droplinks[6]=""
    droplinks[7]=""
    droplinks[8]=""
    droplinks[9]=""

    var preloadedimages=new Array()
    for (p=0;p<dropimages.length;p++){
    preloadedimages[p]=new Image()
    preloadedimages[p].src=dropimages[p]
    }

    var ie4=document.all
    var dom=document.getElementById

    if (ie4||dom)
    document.write('<div style="position:relative;width:'+slideshow_width+' ;height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+' ;height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+' ;height:'+slideshow_height+';background-color:'+slidebgcolor+';left:-'+slideshow_width+'"></div></div>')
    else
    document.write('[img]'+dropimages[0]+'[/img]')

    var curpos=parseInt(slideshow_width)*(-1)
    var degree=10
    var curcanvas="canvas0"
    var curimageindex=linkindex=0
    var nextimageindex=1

    function movepic(){
    if (curpos<0){
    curpos=Math.min(curpos+degree,0)
    tempobj.style.left=curpos+"px"
    }
    else{

    clearInterval(dropslide)
    nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
    tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
    var slideimage='[img]'+dropimages[curimageindex]+'[/img]'
    tempobj.innerHTML=(droplinks[curimageindex]!="")? ''+slideimage+'' : slideimage
    nextimageindex=(nextimageindex<dropimages.length-1)? nextimageindex+1 : 0
    setTimeout("rotateimage()",pause)
    }
    }

    function rotateimage(){
    if (ie4||dom){
    resetit(curcanvas)
    var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
    crossobj.style.zIndex++
    var temp='setInterval("movepic()",50)'
    dropslide=eval(temp)
    curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
    }
    else
    document.images.defaultslide.src=dropimages[curimageindex]
    linkindex=curimageindex
    curimageindex=(curimageindex<dropimages.length-1)? curimageindex+1 : 0
    }

    function rotatelink(){
    if (droplinks[linkindex]!="")
    window.location=droplinks[linkindex]
    }

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

    function startit(){
    var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
    crossobj.innerHTML='[img]'+dropimages[curimageindex]+'[/img]'
    rotateimage()
    }

    if (ie4||dom)
    window.onload=startit
    else
    setInterval("rotateimage()",pause)

    //-->
    </script>

  2. #2
    Utente di HTML.it
    Registrato dal
    Aug 2005
    Messaggi
    17
    Nessuno che sappia/voglia aiutarmi ? Non dovrebbe essere difficile per uno che ne capisce un minimo. Io purtroppo col java sto a terra....

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2005
    Messaggi
    17

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.