Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 24
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2014
    Messaggi
    13

    Problemi col cambio immagine al click dell'immagine

    Salve,
    Io ho questo problema: ho messo delle immagini nel mio sito e ogni volta che clicco devono cambiare, inizialmente funzione per la prima e la seconda, ma poi quando passa alla terza al posto di continuare torna indietro e si ferma a quelle due immagini.
    Il codice è il seguente:

    <IMG SRC="01.gif" name="AceJSimage" onClick="AceJSswapper();">
    <SCRIPT LANGUAGE="JavaScript">
    var wImage = false;
    function AceJSswapper(){
    wImage = !wImage;
    if (wImage == true) {document.AceJSimage.src="01.gif";}
    if (wImage == false) {document.AceJSimage.src="02.gif";}
    if (wImage == true) {document.AceJSimage.src="03.gif";}
    if (wImage == false) {document.AceJSimage.src="05.gif";}
    if (wImage == true) {document.AceJSimage.src="06.gif";}
    if (wImage == false) {document.AceJSimage.src="07.gif";}
    }
    </SCRIPT>


    CIAOO !!!

  2. #2
    Beh, è ovvio che funzioni così: la tua variabile
    codice HTML:
    wImage
    o è true o e false, e quindi al terzo true, cioè:
    codice HTML:
    {document.AceJSimage.src="03.gif";}
    non ci arriva mai...

    Prova ad usare una variabile che incrementi ad ogni click e che azzeri quando hai superato il numero delle immagini che devi mostrare.

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2014
    Messaggi
    13
    In realtà questa funzione che ti ho scritto inizialmente nn funziona proprio bene nel senso che parte da sotto, e ho anche provato, nel senso :

    if (wImage == true) {document.AceJSimage.src="01.gif";}
    if (wImage == false) {document.AceJSimage.src="02.gif";}
    if (wImage == true) {document.AceJSimage.src="03.gif";}
    if (wImage == false) {document.AceJSimage.src="05.gif";}
    if (wImage == true) {document.AceJSimage.src="06.gif";}
    if (wImage == false) {document.AceJSimage.src="07.gif";}

    in questo caso mi fa vedere l'immagine (ovvero <IMG SRC="01.gif" name="AceJSimage" onClick="AceJSswapper();">) e poi mi fa vedere 07.gif e poi si ferma, non so se mi sono spiegato bene....

  4. #4
    Sì, certo, valuta sempre solo le ultime due (non le prime due, effettivamente i tuoi non sono degli "else"). Prova come ti ho detto con una variabile che si incrementa ad ogni step e in base al valore sceglie l'immagine da mostrare.

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2014
    Messaggi
    13
    em..ho un richiesta, potresti farmi un esempio in javascript perchè io nn è che sia molto pratico ^^"
    (cioe ho capito cosa intendi dire, xo nn la so trascrivere in javascript)

  6. #6
    Prova così (cambia un po' la logica ma il risultato dovrebbe essere lo stesso):
    codice HTML:
    var wImage = 1;
    function AceJSswapper() {
        document.AceJSimage.src = '0' + wImage + '.gif';
        wImage++;
        if (wImage >= 6) wImage = 1;
    }

  7. #7
    Utente di HTML.it
    Registrato dal
    Mar 2014
    Messaggi
    13
    un'altra cosa: dove le metto le immagini (ad esempio document.AceJSimage.src="") ?

  8. #8
    Uhm... in che senso? Non ho capito la domanda...

  9. #9
    Utente di HTML.it
    Registrato dal
    Mar 2014
    Messaggi
    13
    Io nel codice di prima ho messo la funzione che ad ogni click mi cambiava quella immagine desiderata, ovvero che ho denominato prima, dove le metto le immagini che devono cambiare ad ogni click?

  10. #10
    Ah ok - sempre uguale, come prima:
    codice HTML:
    <IMG SRC="01.gif" name="AceJSimage" onClick="AceJSswapper();">

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.