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

    mouseover con immagini e opzione visited

    Ciao a tutti
    attualemnte uso uno script semplicissimo per fare il mouseover e quindi al passaggio del mouse l'immagine 01 cambia in 02, se cliccata o spostato il mouse torna alla originale 01.
    E' possibile gestire anche il visited e cioè se quella immagine 01 è stata cliccata ne vedro' una terza 03 quando non sono over, se ci passo sopra (e quindi over) sarà la 02.

    Eccovi cio' che uso.

    <script language="JavaScript">
    <!--
    // PRELOADING IMAGES
    if (document.images) {
    img1_on =new Image(); img1_on.src ="02.jpg";
    img1_off=new Image(); img1_off.src="01.jpg";
    }

    function movr(k) {
    if (document.images)
    eval('document.img'+k+'.src=img'+k+'_on.src');
    }

    function mout(k) {
    if (document.images)
    eval('document.img'+k+'.src=img'+k+'_off.src');
    }

    //-->
    </script>
    </head>

    nella pagina
    <a href="chisiamo.html"
    onMouseOver="movr(1);return true;"
    onMouseOut="mout(1);return true;"
    >
    [img]01.jpg[/img]</a>

    spero di essere stato chiaro.
    Grazie
    Rimetta a posto la candela!!

  2. #2
    nessuna news?

    nel frattempo son riuscito a far applicare un effetto alla immagine con l'opzione visited ma non la visulaizzazione di una terza immagine da me fornita.
    Rimetta a posto la candela!!

  3. #3
    ho usato l'opzione fade (so che si vede solo in IE)

    a.prova img {
    border: 0px solid #000;
    }
    a.prova:hover {
    font-size: 101%;
    }
    a.prova:link img {
    filter:none;
    }
    a.prova:visited img {
    filter:alpha(opacity=50); moz-opacity: 50%;
    }
    a.prova:hover img {
    filter:none;
    }

    unica pecca, prima di fere il fade c'è una velatura bianca e non so come toglierla
    Rimetta a posto la candela!!

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.