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

    Cambio immagine al passaggio mouse

    Ho trovato un javascript nella raccolta di html per far cambiare delle immagini passando con il mouse su dei link; l'ho modificato per fare in modo che quando il cursore si allontana dal link compaia sempre la stessa immagine, e funziona tutto.

    Ora, però, io dovrei fare in modo che il link sia un'immagine (e fin qui - a rigor di logica - non dovrebbero esserci problemi) e che l'immagine che cambia a seconda di dove si trova il cursore sia in una cella diversa dalle immagini linkate.
    Qual è il codice esatto?

    Posto quello che funziona con i link testuali senza tabelle:


    <html>
    <head>
    <script>
    <!--

    var bufferImage = new Array();

    function Buffer(filename) {
    var i = bufferImage.length;
    bufferImage[i] = new Image();
    bufferImage[i].src = filename;
    }

    function showImage(filename) {
    document.images[Image_Name].src = filename;
    }

    Image_Name = "SHOWPAD";

    Buffer("dog1.jpg");

    Buffer("dog2.jpg");

    Buffer("dog3.jpg");

    Buffer("dog4.jpg");

    //-->
    </SCRIPT>

    </head>
    <body>
    [img]dog5.jpg[/img]
    cucciolo 1

    cucciolo 2 |
    cucciolo 3 |
    cucciolo 4

    </body>
    </html>
    Il mio sorriso streccia l'umore di Figaro.

    I can tell you with no ego, this is my finest sword. If on your journey, you should
    encounter God, God will be cut.
    Hattori Hanzo

    vita

  2. #2
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641

    Re: Cambio immagine al passaggio mouse

    ciao
    vuoi un effetto Rollover sulle immagini, fatto in JavaScript?
    Non so se può interessarti l'articolo nel mio sito, in firma, sezione JavaScript: Rollover con immagini o qualcosa di simile.

    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  3. #3
    Ahem, non è che mi serva un rollover di immagini in javascript, quello già funziona...
    Vorrei solo sapere come far comparire l'immagine che cambia in un'altra cella, perché non mi è chiaro...
    Il mio sorriso streccia l'umore di Figaro.

    I can tell you with no ego, this is my finest sword. If on your journey, you should
    encounter God, God will be cut.
    Hattori Hanzo

    vita

  4. #4
    prova così:

    codice:
    function cambiaimg(concosa) {
     document.images["nomeimmaginedacambiare"].src=concosa;
    }
    le chiamate le fai così:

    mentre l'immagine soggetta ai cambiamenti la tratti così:

    codice:
    <td>
    [img]default.gif[/img]
    </td>
    ciao

  5. #5
    Utente di HTML.it L'avatar di floyd46
    Registrato dal
    Feb 2002
    residenza
    Apulia
    Messaggi
    2,641
    scusami, prova a vedere questo articolo allora:
    http://www.extrowebsite.com/articolojs.asp?ID=21
    Credo debba essere questo.
    ciao
    "Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
    --------------------------------

    www.extrowebsite.com

  6. #6
    Grazie ad entrambi, domani ci provo, ora sono completamente cotta. Vi facico sapere se ho ancora problemi.
    Il mio sorriso streccia l'umore di Figaro.

    I can tell you with no ego, this is my finest sword. If on your journey, you should
    encounter God, God will be cut.
    Hattori Hanzo

    vita

  7. #7
    Ho usato la soluzione di var: perfetta facile e circon...ahem concisa

    Grazie a tutti.
    Il mio sorriso streccia l'umore di Figaro.

    I can tell you with no ego, this is my finest sword. If on your journey, you should
    encounter God, God will be cut.
    Hattori Hanzo

    vita

  8. #8
    Originariamente inviato da Virginia
    Ho usato la soluzione di var: perfetta facile e circon...ahem concisa

    Grazie a tutti.
    :metallica

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.