• Résolu changer la couleur d'une image au survole


    Mardi 19 Juin 2018 à 21:46
    SérieVideo

    Bonsoir Stormalo, merci pour ta réponse, j'ai essayer mais malheureusement ça n'as pas marcher non plus, je n'arrive pas à trouver le problème...

    Mercredi 20 Juin 2018 à 17:03
    stormalo

    Recopie l'ensemble du code ci-dessous dans le code source d'un article du blog de démo (ou d'un autre) et tu constateras que ça fonctionne très bien :

    <style><!--
    .couleur:hover {
      filter: grayscale(100%);
      -webkit-filter: grayscale(100%);
    }
    --></style>

    <p style="text-align: justify;"><a title="Streaming" href="http://aveeva.eklablog.com/streaming-c30048880"><img class="couleur" src="http://ekladata.com/Pfh6RiLGRoL_QHxi2VfSOfZJil4@399x300.jpg" alt="Episodes " width="399" height="300" /></a></p>

    Impératif : pour ajouter la partie css dans Modifier le thème il faut supprimer <style><!--  et --></style>

    >>> Il en est de même avec le code fourni par Colette95 précédemment si on fait l'inversion 0% et 100%

    ====================================

    EDIT : Sinon il y a peut être un souci avec le navigateur utilisé.

     Ce css "ratisse plus large" sur l'aspect compatibilité:

    <style><!--
    .couleur:hover {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
     }
    --></style>

    Mercredi 20 Juin 2018 à 20:29
    SérieVideo

    Ca a marcher, merci beaucoup !!!! ^^cool

    par contre, simplement est ce que c'est possible d'inverser que l'image soit en noir et blanc et qu'en la survolant elle devienne en couleur ?

    Mercredi 20 Juin 2018 à 21:02
    stormalo

    Bin ....... je pense que oui.

    Mais il reste à connaitre pourquoi "Ca a marcher, merci beaucoup !!!! "

    • C'est code qui "ratisse" large ou celui qui précède qui a marché ?.
    • Quel navigateur utilises tu ?
    Mercredi 20 Juin 2018 à 21:37
    SérieVideo

    C'est le premier qui a marcher, j'avais du oublier quelques choses dans les codes précédents visiblement puisque celui-ci a marcher.

    J'utilise firefox

    Jeudi 21 Juin 2018 à 09:59
    stormalo

    Faire l'inverse de ta demande initiale ?  oh (hier 20:29)

    Colette95 avait probablement déduit par intuition que tu souhaitais l'inverse de ce qui tu demandais, car pour ton désir final, car il suffit d'utiliser son code  du  Vendredi 15 Juin à 18:07. 
    Et cette fois sans oublier ces "quelques choses" évoquées dans ton post précédent.

    ---------------------------------------------------------------------------------

    @Colette95  >  Trop fort !   cool  he

    Jeudi 21 Juin 2018 à 10:16
    Colette95

    Coucou stormalo, smile

    Ce n'était pas une intuition mais tout simplement une réponse à la question posée initialement. he

    "Je cherche le moyen de mettre en noir et blanc une image de mon blog, et que lorsqu'on la survole elle "reprenne" sa couleur normal." 

    Bonne journée à tous. glasses

     

    Jeudi 21 Juin 2018 à 11:21
    SérieVideo

    Merci beaucoup à vous deux, grâce à vous j'ai réussi a faire ce que je voulais happy

    Jeudi 21 Juin 2018 à 14:32
    stormalo

    Avec  +1 bon point pour Colette95 smile

    Le code proposé étant ok mais ne convenant pas, j'ai effectivement interprété par erreur la demande dans le sens le plus usuel à mes yeux   

    Bonnes suites.

     

     




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.