Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Slide che si ferma al passaggio del mouse

    Ciao a tutti, ho bisogno un aiuto, di javascript non so nulla ma ho scaricato uno script già pronto per avere una slide di immagini "cliccabili".
    Avrei bisogno che la slide si fermasse al passaggio del mouse e riprendesse una volta spostato il puntatore.
    Potete aiutarmi ??
    Ecco il codice che ho usato:

    var ultimateshow=new Array()

    //ultimateshow[x]=["path to image", "OPTIONAL link for image", "OPTIONAL link target"]

    ultimateshow[0]=['immagini/DSC3726.jpg', 'immagini/DSC_3726.jpg', '_new']
    ultimateshow[1]=['immagini/DSC3727.jpg', 'immagini/DSC_3727.jpg', '_new']
    ultimateshow[2]=['immagini/DSC3728.jpg', 'immagini/DSC_3728.jpg', '_new']



    //configure the below 3 variables to set the dimension/background color of the slideshow

    var slidewidth="440px" //set to width of LARGEST image in your slideshow
    var slideheight="423px" //set to height of LARGEST iamge in your slideshow
    var slidecycles="continous" //number of cycles before slideshow stops (ie: "2" or "continous")
    var randomorder="no" //randomize the order in which images are displayed? "yes" or "no"
    var preloadimages="yes" //preload images? "yes" or "no"
    var slidebgcolor='ade193'

    //configure the below variable to determine the delay between image rotations (in miliseconds)
    var slidedelay=2000

    ////Do not edit pass this line////////////////

    var ie=document.all
    var dom=document.getElementById
    var curcycle=0

    if (preloadimages=="yes"){
    for (i=0;i<ultimateshow.length;i++){
    var cacheimage=new Image()
    cacheimage.src=ultimateshow[i][0]
    }
    }

    var currentslide=0

    function randomize(targetarray){
    ultimateshowCopy=new Array()
    var the_one
    var z=0
    while (z<targetarray.length){
    the_one=Math.floor(Math.random()*targetarray.lengt h)
    if (targetarray[the_one]!="_selected!"){
    ultimateshowCopy[z]=targetarray[the_one]
    targetarray[the_one]="_selected!"
    z++
    }
    }
    }

    if (randomorder=="yes")
    randomize(ultimateshow)
    else
    ultimateshowCopy=ultimateshow

    function rotateimages(){
    curcycle=(currentslide==0)? curcycle+1 : curcycle
    ultcontainer='<center>'
    if (ultimateshowCopy[currentslide][1]!="")
    ultcontainer+='<a href="'+ultimateshowCopy[currentslide][1]+'" target="'+ultimateshowCopy[currentslide][2]+'">'
    ultcontainer+='[img]'+ultimateshowCopy[currentslide][0]+'[/img]'
    if (ultimateshowCopy[currentslide][1]!="")
    ultcontainer+='</a>'
    ultcontainer+='</center>'
    if (ie||dom)
    crossrotateobj.innerHTML=ultcontainer
    if (currentslide==ultimateshow.length-1) currentslide=0
    else currentslide++
    if (curcycle==parseInt(slidecycles) && currentslide==0)
    return
    setTimeout("rotateimages()",slidedelay)
    }

    if (ie||dom)
    document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+' ; background-color:'+slidebgcolor+'"></div>')

    function start_slider(){
    crossrotateobj=dom? document.getElementById("slidedom") : document.all.slidedom
    rotateimages()
    }

    if (ie||dom)
    window.onload=start_slider

  2. #2
    Utente bannato
    Registrato dal
    Apr 2009
    Messaggi
    530
    Per prima cosa devi nominare il temporizzatore setTimeout affinche clearTimeout() lo possa individuare, per arrestarlo.
    Lo trovi all' ultima dozzina di righe, in fondo.
    Modifichi così questa riga:

    timer = setTimeout("rotateimages()",slidedelay)

    ma potresti anche chiamarlo giovanni l' importante è che lo stesso termine sia riportato tra le parentesi del clearTimeout(giovanni) e senza apici (non "giovanni" ne' 'giovanni').


    Quindi ti sposterai una diecina di righe in su' a modificare così questa riga (senza andare a capo):

    ultcontainer+='[img]'+ultimateshowCopy[currentslide][0]+'[/img]'


    Nobis !

  3. #3
    Moltissime grazie, sei stato molto gentile.

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.