Partage
  • Partager sur Facebook
  • Partager sur Twitter

Photo opaque

    28 juin 2009 à 19:49:56

    Bonjour,
    y a t il un code javascript simple pour
    faire devenir une photo plus pâle , avec de l'opacité on mousse over ?

    • Partager sur Facebook
    • Partager sur Twitter
      28 juin 2009 à 20:43:47

      Non.
      Il faut utiliser les filtres, l'opacité... et plein de truc parce que tous les navigateurs ne le gèrent pas de la même façon.
      Et tu ne change pas l'opacité de l'image mais tu mets une div devant (à fond noir pour assombrir ou blanc pour éclaircir) et tu la rends plus ou moins transparente.
      • Partager sur Facebook
      • Partager sur Twitter
        29 juin 2009 à 8:55:35

        Pour changer l'opacité d'un élément c'est ça :
        opacity : 0.8 ;/*balise W3C*/
        -moz-opacity : 0.8 ;/* mozilla, gecko ect..*/
        -khtml-opacity : 0.8 ;/*Konkeror, Khtml*/
        filter : alpha(opacity=80) ; /*IE*/
        


        • Partager sur Facebook
        • Partager sur Twitter
          29 juin 2009 à 11:30:55

          Citation : xavierm02

          Et tu ne change pas l'opacité de l'image mais tu mets une div devant (à fond noir pour assombrir ou blanc pour éclaircir) et tu la rends plus ou moins transparente.


          Et c'est quoi qui empêche de modifier l'opacité directement sur la balise <img> ? o_O
          Là tu parles de jouer avec la luminosité (rendre plus sombre/clair).


          Edit: après avoir relu le post d'origine, en fait, c'est le monsieur qui fait l'amalgame, sorry maitre xavierm02 ^^'
          • Partager sur Facebook
          • Partager sur Twitter
            29 juin 2009 à 14:13:56

            note aussi que tu peux voir avec la librairie jquery, avec ses fonction comme fadeTo(vitesse,opacité) ...
            jquery.com
            • Partager sur Facebook
            • Partager sur Twitter
              5 juillet 2009 à 23:19:13

              ok ;
              et comment je fais pour faire apparaitre soit un div soit les commandes
              d opacité on mousse over ?
              • Partager sur Facebook
              • Partager sur Twitter
                5 juillet 2009 à 23:21:13

                #mon_div :hover
                {
                opacity : 0.8 ;/*balise W3C*/
                -moz-opacity : 0.8 ;/* mozilla, gecko ect..*/
                -khtml-opacity : 0.8 ;/*Konkeror, Khtml*/
                filter : alpha(opacity=80) ; /*IE*/
                }
                
                • Partager sur Facebook
                • Partager sur Twitter
                  6 juillet 2009 à 9:22:00

                  A noter que ça ne marchera pas sous IE (6 c'est sûr, 7 je ne me souviens plus). IE ne reconnait :hover que pour les <a>
                  • Partager sur Facebook
                  • Partager sur Twitter

                  Photo opaque

                  × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                  × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                  • Editeur
                  • Markdown