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

    cerco script x cambiare img con il cursore

    ciao,
    mi serirebbe uno script che cambia una IMG in base su quale parola si trova il cursore...

    cioè ho il campo dell'immagine
    [img]media/images/DIR00001/IMGS0001.jpg[/img]
    e successivamente ho una lista di nomi:
    mela
    pera
    limone
    arancia

    quando uno va su uno di quei nomi della lista con il cursore, in base su quale nome si trova l'immagine cambia e se si trova su nessun nome rimane sulla prima img


    ciau e grazie
    www.nintendopower.it

  2. #2
    puoi farlo benissimo con i CSS

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    709
    codice:
    ...
    <script type=text/javascript>
    // preload delle immagini da caricare
    var arrImgs = new Array(4);
    arrImgs[0] = "mela.jpg";
    arrImgs[1] = "pera.jpg";
    arrImgs[2] = "limone.jpg";
    arrImgs[3] = "arancia.jpg";
    
    // funzione per il cambio di immagine
    function cambiaImg(obj, imgIndex) {
      var imgSrc = "[percorso della cartella immagini]" + arrImgs[imgIndex];
      document.images[obj].src = imgSrc;
    }
    </script>
    ...
    [img][immagine][/img]
    mela
    pera
    limone
    arancia
    ...

  4. #4
    grazie 1000
    www.nintendopower.it

  5. #5
    umm c'e un problemino quando tolgo il cursore da uno dei nomi nn ritorna la prima immagine
    www.nintendopower.it

  6. #6
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    709
    Modificalo in questo modo:

    codice:
    ...
    <script type=text/javascript>
    // preload delle immagini da caricare
    var arrImgs = new Array(5);
    arrImgs[0] = "default.jpg";
    arrImgs[1] = "mela.jpg";
    arrImgs[2] = "pera.jpg";
    arrImgs[3] = "limone.jpg";
    arrImgs[4] = "arancia.jpg";
    
    // funzione per il cambio di immagine
    function cambiaImg(obj, imgIndex) {
      var imgSrc = "[percorso della cartella immagini]" + arrImgs[imgIndex];
      document.images[obj].src = imgSrc;
    }
    </script>
    ...
    [img]default.jpg[/img]
    mela
    pera
    limone
    arancia
    ...
    Ciao,
    Saverio

  7. #7
    grazie ancora ma ho un altra domanda.
    è possibile fare la stessa cosa con un link href
    www.nintendopower.it

  8. #8
    Utente di HTML.it
    Registrato dal
    Aug 2003
    Messaggi
    709
    è possibile fare la stessa cosa con un link href?
    Si, certo:

    codice:
    mela
    e se non funziona togli i "return false;"

    codice:
    mela
    Ciao,
    Saverio

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.