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

    rollover multiplo su img diverse

    Ciao a tutti, mi ritrovo un'altra volta a chiedervi aiuto ....

    ho tre immagini (A_n, B_n, C_n ) che al passaggio del mouse devono cambiare stato , diventando A_h, B_h, C_h e che contemporaneamente modificano lo stato di un'altra img, che x comodità chiamerò 1.

    Perciò ho bisogno di una funzione che mi dia questo risultato:

    passando il mouse su A_n quest'ultima deve cambiarmi con A_h e contemporaneamente deve cambiarmi anche l'img 1 diventando img1_A

    Analogalmente devo ottenere lo stesso risultato anche con B, C, ecc....


    Non so' se mi sono spiegata bene, ma spero che qualcuno abbia capito e riesca a darmi lo script corretto x fare questa cosa.

    Grazie cmq per il vostro aiuto
    Ta

  2. #2

    mmm...

    dai un id alle immagini.

    al passaggio del mouse fai eseguire una funzione che ti modifica le immagini. esempio:

    codice:
    <a href="" onmouseover="cambia('A')" onmouseout="cambia('')"...
    <a href="" onmouseover="cambia('B')" onmouseout="cambia('')"...
    
    [img]img1.jpg[/img]
    <!--
    
    function cambia(x) {
      var img1=document.getElementById('1');
      var img2=document.getElementById('2');
      img1.src="img1"+x+".jpg";
      img2.src="img2"+x+".jpg";
    }
    
    -->
    <script>
    dovrebbe andare bene

    -Die-

  3. #3
    ok, grazie, ci proverò...anche se cercavo di evitare di assegnare un id alle immagini, perchè le immagini sono veramente tante... è un catalogo di prodotti

    Cmq grazie, se non troverò nient'altro farò così.

    Ta

  4. #4

    mmm...

    se l'id lo dai sottoforma di numeri sequenziali, puoi eseguire un ciclo che faccia tutto in modo automatico

    secondo me xò facendo tutto questo come rollover diventa controproduttivo. Il caricamento delle immagini richiede tempo... se il passaggio del mouse dura un attimo, le immagini nn fanno in tempo a caricarsi...

    -Die-

  5. #5
    e se mettessi un preload al caricamento della pagina? Dovrei risolvere questo problema, giusto?

    Ta

  6. #6

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.