Illuminer une image, oui mais comment?

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Illuminer une image, oui mais comment?

Message par Rin_. le Ven 10 Juin 2011 - 17:57

Bonjour,

J'ai cherché dans les autres topics et aucun ne réponds à ce que j'attends.
Mais qu'attends t-elle? me direz-vous.
En fait, je cherche à éclairer une image. Non pas avec un éclat de lumière comme j'ai pu voir sur certains sujets, mais de diminuer la luminosité et augmenter le contraste si je puis dire.

Comme dans tout mes problèmes, je vous donne le résultat voulu:
Sans passez la souris :



Remarquez que la luminosité des images est très élevée.

En passant la souris :



J'insiste sur le fait que le contraste, une fois la souris présente sur l'image, est plus élevée que sans cette-dernière.

Comment réaliser un tel effet de luminosité et de contraste?

Cordialement.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Illuminer une image, oui mais comment?

Message par elsany le Ven 10 Juin 2011 - 22:11

Bonsoir !
Je pense vous être utile {Je pense, hein. xD}
Tout d'abord, à mon avis, ce que vous cherchez là c'est un effet d'opacité.
Je pense qu'avec cela, ça marchera :
Panneau d'Administration > Affichage > Images et couleurs > Couleurs> Feuille de Style CSS;
Code:
.opac {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
Le niveau d'opacité est réglable. O/
Et puis, lorsque vous voudrez rendre une image opaque :
Code:
<div class="opac">L'image, ou même un texte</div>
J'espère avoir pu vous être utile, bonne soirée.
Amicalement Elsany.

elsany
*

Féminin
Messages : 45
Inscrit(e) le : 31/03/2011

http://new-life.crazyfruits.net
elsany a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Illuminer une image, oui mais comment?

Message par Rin_. le Ven 17 Juin 2011 - 17:01

En effet, il est question d'opacité.
Mais, j'ai juste une question : En installant le code que vous avez inséré dans votre message, ce-dernier ne rendra t-il pas TOUTES mes images de la même opacité?

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Illuminer une image, oui mais comment?

Message par demeter1 le Ven 17 Juin 2011 - 18:16

Juste celles qui seront dans la div intitulée opac

Code:
<div class="opac">L'image, ou même un texte</div>

demeter1
+ Hyperactif +

Masculin
Messages : 8232
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Illuminer une image, oui mais comment?

Message par Jadoremario le Ven 17 Juin 2011 - 19:03

Il faudrait, je pense, plutôt essayer de créer un id à chaque image qui, dans une feuille CSS, en plus du code en haut, mettre un hover. A voir.

Jadoremario
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 15/07/2010

http://nintendo-mag.pro-forum.fr/
Jadoremario a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Illuminer une image, oui mais comment?

Message par SoraNoHime le Ven 17 Juin 2011 - 19:17


SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Illuminer une image, oui mais comment?

Message par Rin_. le Sam 18 Juin 2011 - 18:30

Merci de vos multiples réponses.
J'ai trouvé la solution Smile

Cordialement.

EDIT : Merci à Alsany, et Macema.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

http://google.fr
Rin_. a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum