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.
    • 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