Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. [Risolto] Cambio immagini al passaggio del mouse
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • O
      olaola User Attivo • ultima modifica di

      Ciao Stefano24,

      in che senso non funziona lo script? Non visualizzi nessuna immagine o l'immagine rimane sempre la stessa?

      Non può essere che davanti a livers2000.it ci vada un http:// ?

      E poi, il codice che stai editando stà sul server di livers2000.it? Perchè in quel caso puoi mettere anche il percorso relativo dei file, senza specificare il dominio.

      :ciauz:

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • S
        stefano24 Bannato User Attivo • ultima modifica di

        Dunque, nel codice che ho inserito nel messaggio non ho messo http//: perchè, come dovresti sapere, non mi è permesso ma nel mio sito c'è. Le immagini sono caricate su livers2000.it e il problema è che non riesco a cambiare immagini al passaggio del mouse mentre l'immagine si vede correttamente.

        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • O
          olaola User Attivo • ultima modifica di

          Hai ragione, dovrei sapere che non vi è consentito inserire http://, ma non mi è venuto in mente :).

          Potresti postare il codice del Javascript che usi?

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • S
            stefano24 Bannato User Attivo • ultima modifica di

            Trovato, il problema stava proprio nel javascript ma anche onmouse stava dentro <img invece di <a

            Per la cronaca riporto il codice:
            [html]
            <HTML>
            <HEAD>
            <script language=""JavaScript"">
            <!--
            function cambia(ImageName,ImageFile){
            ImageName.src = ImageFile;
            }
            // -->
            </script>
            </HEAD>
            <body>
            <a href="livers2000.it"
            onMouseOver="cambia(img_c1,'livers2000.it/immagini/barhome1.jpg')"
            onMouseOut="cambia(img_c1,'livers2000.it/immagini/barhome.jpg')">
            <img border="0" name="img_c1" src="livers2000.it/immagini/barhome.jpg">
            </a>
            </BODY>
            </HTML>
            [/html]----------------------
            Da circa una settimana ho fatto e superato il test per diventare utente premium ma ancora nulla. Quando mi abiliteranno il permesso?
            Ciao e grazie

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • O
              olaola User Attivo • ultima modifica di

              Bene! Hai quindi cambiato script e hai fatto bene a condividerlo con tutti.

              Alla prossima :ciauz:

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • A
                actor User • ultima modifica di

                Scusa il disturbo. Ho provato con il codice che hai postato tu ma non mi funziona.
                Mi spiego meglio. Ho costruito 2 bottoni uguali, cambia solo il colore in un piccolo riquadro interno.
                Il bottone n.1 si vede quando è a riposo e il riquadro è blu. Quando ci passo sopra col mouse vorrei che si vedesse il bottone n.2. col riquadro bordeaux.
                Questo è il testo html che ho usato:

                <script language=""JavaScript"">
                <!--
                function cambia(ImageFile){
                ImageName.src = ImageFile;
                }
                // -->
                </script>

                <div id="Layer5" style="position:absolute; width:163px; height:42px; left: 35px; top: 167px;"><a href="index1.html" target="_blank" onmouseover="cambia'bott5-1.gif'" onmouseout="cambia'bott1.gif'"><img src="bott5.gif" width="163" height="42" border="0" /></a></div>

                dove sbaglio?

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • S
                  stefano24 Bannato User Attivo • ultima modifica di

                  Calcola hai sbagliato tutto, rileggiti bene il codice...

                  Per esempio non hai messo il nome a onmouseover e onmouseot e quindi neanche in <img> come fa a cambiare?
                  Ti ricordo che il java poi va nell' head

                  Stefano

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • A
                    actor User • ultima modifica di

                    Si si lo script l'ho messo tra gli <head></head>.
                    Ora ho provato a cambiare come mi hai indicato :

                    <div id="Layer5" style="position:absolute; width:163px; height:42px; left: 35px; top: 167px;"><a href="index1.html" target="_blank" onmousemove="cambia(bott5-1,'bott5-1.gif'" onmouseout="cambia(bott5,'bott5.gif'"><img border="0" name="bott5" src="bott5.gif" /></a></div>

                    ma non funziona ancora.
                    Perchè tu a onmousemove dai nome img_c1 ?
                    Questo non capisco?

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • A
                      actor User • ultima modifica di

                      [..]

                      Scusa avevo dimenticato un paio di parentesi. Le ho messe ma nulla è cambiato. Controlla:
                      <div id="Layer5" style="position:absolute; width:163px; height:42px; left: 35px; top: 167px;"><a href="index1.html" target="_blank" onmousemove="cambia(bott5-1,'bott5-1.gif')"
                      onmouseout="cambia(bott5,'bott5.gif')">
                      <img border="0" name="bott5" src="bott5.gif"></a></div>

                      Grazie

                      0 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • A
                        actor User • ultima modifica di

                        Ho risolto. Sbagliavo ad assegnare un nome immagine.
                        Mostro tutto il codice anche per gli altri:

                        [html]<head>
                        <script language=""JavaScript"">
                        <!--
                        function cambia(ImageName,ImageFile){
                        ImageName.src = ImageFile;
                        }
                        // -->
                        </script>
                        </head>

                        <div id="Layer5" style="position:absolute; width:163px; height:42px; left: 35px; top: 167px;">
                        <a href="index1.html" target="_blank"
                        onmousemove="cambia(bott5,'bott5-1.gif')"
                        onmouseout="cambia(bott5,'bott5.gif')">
                        <img border="0" name="bott5" src="bott5.gif"></a></div>[/html]

                        Così funziona!
                        Grazie

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        • L
                          lido User • ultima modifica di

                          Ciao,
                          ho messo il codice e funziona.
                          Io però vorrei avere il cambio di immagine al passaggio del muose per piu di un immagine.
                          Cioe
                          immagine 1 - over/on
                          immagine 2 - over/on
                          immagine 3 - over/on
                          ...

                          Che modifiche dovrei fare al codice?

                          Ho provato con questo ma come prevedibile non funziona :

                          <!--
                          function cambia(ImageName,ImageFile){
                          ImageName.src = ImageFile;
                          }
                          // -->
                          </script>

                          <div align="center">
                          <a href="automatikweb.it/home/lavazza-blue.html"
                          onMouseOver="cambia(img_c1,'automatikweb.it/home/images/bottone-cialde-blue-on.jpg')"
                          onMouseOut="cambia(img_c1,'automatikweb.it/home/images/bottone-cialde-blue-over.jpg')">
                          <img border="0" name="img_c1" src="automatikweb.it/home/images/bottone-cialde-blue-on.jpg">
                          </a>

                          <a href="automatikweb.it/home/lavazza-espresso-point.html"
                          onMouseOver="cambia(img_c1,'automatikweb.it/home/images/bottone-cialde-point-scuro.jpg')"
                          onMouseOut="cambia(img_c1,'automatikweb.it/home/images/bottone-cialde-point-out.jpg')">
                          <img border="0" name="img_c1" src="automatikweb.it/home/images/bottone-cialde-point-out.jpg">
                          </a>
                          </div>

                          0 Miglior Risposta Ringrazia Cita Rispondi

                            1 Risposta Ultima Risposta
                          Caricamento altri post
                          Rispondi
                          • Topic risposta
                          Effettua l'accesso per rispondere
                          • Da Vecchi a Nuovi
                          • Da Nuovi a Vecchi
                          • Più Voti