• voir >>>

    http://forum.alsacreations.com/topic-1-45119-1-Jouer-le-son-sur-une-image-au-passage-de-la-souris-Resolu.html


    votre commentaire
  • -

    https://www.emmanuelbeziat.com/blog/changer-une-image-au-survol

    ---

     

    --

    bateau
    flecheB

    --

     

     

    ==============  les codes ====== (ex: 2 images/liens)==========

    HTML  + CSS

    CSS
    /* portfolio  */
    #portfolio a {margin: 10px;}
    #portfolio a:hover img {
     opacity: 0.1;
    }
    /*  css folio de n°1 a ....  */
     #folio1 a {
       display: inline-block;
       background: url("url image texte1") no-repeat;
    }
     #folio2 a {
        display: inline-block;
        background: url("url image texte2") no-repeat;
    }


    HTML
    <div id="portfolio">
    <div id="folio1"><a href="url cible1"><img src="url image1" alt="nom image1" /></a></div>
    <div id="folio2"><a href="url cible2"><img src="url image2" alt="nom image2" /></a></div>
    </div>
    =================================

    HTML  + CSS + Javascript

    CSS
    #portfolio a {margin: 10px;}

    HTML avec Javascript
    <div id="portfolio">
    <a href="url cible1"><img onmouseover="this.src='url image texte1';" onmouseout="this.src='url image1';" src="url image1" alt="nom image1" /></a></p>
    <a href="url cible2"><img onmouseover="this.src='url image texte2';" onmouseout="this.src='url image1';" src="url image2" alt="nom image1" /></a></p>
    </div>


    votre commentaire



    Suivre le flux RSS des articles
    Suivre le flux RSS des commentaires
★ BLOG TEST simulant le hors ligne (contenu masqué aux visiteurs seulement). Cela lève le doute sur une éventuelle suppression, conserve la gestion des favoris chez les visiteurs ainsi que les référencements des moteurs de recherche, ★ source du code > http://mbnoutils.eklablog.com