Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2002
    Messaggi
    95

    scorrimento immagini al click

    Ciao a tutti,

    ho la necessità di trovare uno script che permetta la visualizzazione progressiva di immagini... e naturalmente viceversa.

    Cliccando avanti dovrei visualizzare le immagini da 1 a 5! Indietro viceversa! Il problema sta quando devo tornare indietro e sono fermo all'immagine 3 oppure proseguire dopo che sono tornato indietro di 2 immagini .... che casino!!!

  2. #2
    Spieg meglio cosa intendi fare!
    Devi fare uno slide show con le immagini in movimento o ci sono dei pulsanti per muoversi avanti e indietro?
    http://www.beavermag.it

  3. #3
    Utente di HTML.it
    Registrato dal
    Oct 2002
    Messaggi
    95
    Praticamente è uno zoom!

    Ho i bottoni di avanti ed indietro che permettono di sostituire la i-esima immagine al posto di quella visualizzata!

    PS Naturalmente tutte le immagini hanno grandezze identiche!
    Gli ingrandimenti di particolari dovrebbero scorrere liberamente avanti ed indietro!

  4. #4
    potresti usare nomi per le immagini tipo
    immagine1.gif
    immagine2.gif
    immagine3.gif
    immagine4.gif

    e poi fare una funzione che riceve in input il value del tasto premuto
    nella var "tasto"

    codice:
    function cambiaIMG(tasto)
    {
    i=document.nomeform.idSRC.src
    i=i.substring((i.length-5),1)//taglia via dal nome dell'immagine le 
    //ultime 4 lettere es:1.gif,2.gif,3.gif e prende solo il numero.
    i=parseInt(i)//rimane il numero dell'immagine correntemente 
    //visualizzata.
    if(tasto = "Avanti"){
       if(i<=5){//controlla che l'immagine non sia l'ultima della serie
       //devi settare invece di 5 il numero tot delle immagini
       document.nomeform.idSRC.src='immagine'+(i+1)+'.gif'
       }else{
       disabilita il tasto avanti
       }
    }else{
       if(i>1){
       document.nomeform.idSRC.src='immagine'+(i-1)+'.gif'
       }else{
       disabilita il tasto indietro
       }
    }
    prova, non so se funge ,l'ho scritto di getto..

    modifica:meglio sche scrivo qualche commentino e indento il codice..
    ----------------------
    i rulez.-.dovrebbero mettere "pippo" come parola riservata in tutti i linguaggi

    The Cyberpunk System One
    http://www.geocities.com/notoleranceforyou/Hymagition.html

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2002
    Messaggi
    95
    Grazie per lo spunto!
    Il codicillo funziona, l'ho adattato al mio array di immagini!

    Ho un solo problema: non riesco a disabilitare i tasti avanti e indietro!
    Riesci a darmi uno spunticino finale!

    Grazie

    Ecco il codice (per i posteri):
    PS ci sono alcuni alert da togliere:

    function makeArray() {
    this.length = makeArray.arguments.length
    for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
    }

    var teams = new makeArray ("1.gif", "2.gif", "3.gif", "4.gif");
    var i = 1;


    function clickTest(name) {
    i=teams[i];
    i=i.substring((i.length-5),1);
    i=parseInt(i);

    if (tasto ="avanti") {
    if (i<=3){
    alert (i);
    alert (name);
    document.mappaorsa.mappaloop.src=teams[i+1];
    i=i+1;
    } else { }
    } else {
    if (i>=1){
    alert (i);
    alert (name);
    document.mappaorsa.mappaloop.src=teams[i-1];
    i=i-1;
    } else { }
    }
    alert (i);

    }

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.