Image en noir et blanc passe en couleur au passage du curseur

4 participants

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

Résolu Image en noir et blanc passe en couleur au passage du curseur

Message par Kendall Sam 22 Oct 2011 - 16:34

Bonjour \o me voici avec une nouvelle question Cool

J'ai vu sur certains forum, un code qui permettrais de (sans ce sens)
> Mettre l'image en Noir&Blanc (image de base en couleur)
> La passer en couleur lorsqu'on passe le curseur dessus

J'ai un screen \o/
> sans le curseur https://i.servimg.com/u/f48/16/18/33/72/nb_bmp10.jpg
> avec le curseur passer dessus https://i.servimg.com/u/f48/16/18/33/72/nbc_bm10.jpg

Voilà, je suppose que l'image n'est pas en N&B dès le départ mais voilà, je voulais savoir si l'un d'entre vous pouvait m'aider à trouver ce code ^^

Merci d'avance


Dernière édition par Kendall le Lun 31 Oct 2011 - 0:35, édité 1 fois
Kendall

Kendall
***

Messages : 178
Inscrit(e) le : 30/04/2011

Kendall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en noir et blanc passe en couleur au passage du curseur

Message par shirabi Sam 22 Oct 2011 - 17:01

Je pense que cela vas ce règler par CSS avec un hover surement, je fais des recherche pendant ce temps de mon coter je vous tiens au courant.

shirabi

shirabi
****

Masculin
Messages : 304
Inscrit(e) le : 26/06/2011

http://yob-rpg.kanak.fr/
shirabi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en noir et blanc passe en couleur au passage du curseur

Message par Kendall Sam 22 Oct 2011 - 17:02

Oui je pense aussi mais c'est ce code là que je cherche ^^'

Merci beaucoup \o
Kendall

Kendall
***

Messages : 178
Inscrit(e) le : 30/04/2011

Kendall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en noir et blanc passe en couleur au passage du curseur

Message par SoraNoHime Sam 22 Oct 2011 - 17:07

Bonjour

ce que vous montrez sont des infobulles, l'image en noir et blanc est installée dans comme image normale, celle en couleur dans l'hover.

Désirez vous faire en fait des infobulles, ou uste cet effet sur des images ?

Cordialement.

SoraNoHime

SoraNoHime
Membre actif

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

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en noir et blanc passe en couleur au passage du curseur

Message par Kendall Sam 22 Oct 2011 - 17:19

Bonjour ^^

Non non, l'infobulle je sais faire, je n'en ai pas besoin. J'aimerais simplement l'effet sur les images
Kendall

Kendall
***

Messages : 178
Inscrit(e) le : 30/04/2011

Kendall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en noir et blanc passe en couleur au passage du curseur

Message par SoraNoHime Sam 22 Oct 2011 - 17:30

Dans ce cas, il faut passer par une div.

code à mettre dans la page d'acceuil ou un post :
Code:
<div class="imgnbc1"> </div>
Conservez bien l'espace.

code dans la css :
.imgnbc1 {
background-image : url('lien de votre image en noir et blanc');
background-repeat : no-repeat;
height : hauteur de votre imagepx;
width : largeur de votre imagepx;
}
.imgnbc1:hover {
background-image : url('lien de votre image en couleur');
background-repeat : no-repeat;
height : hauteur de votre imagepx;
width : largeur de votre imagepx;
}
les parties en rouge sont à modifier.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

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

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en noir et blanc passe en couleur au passage du curseur

Message par Kendall Sam 22 Oct 2011 - 18:38

&& ca maaarche \o/

Maintenant je veux savoir une chose " est ce qu'il est possible de faire ca dans un gradualfader ? Histoire de pas avoir à retaper le code pour chaque image que je veux mettre en N/B
Kendall

Kendall
***

Messages : 178
Inscrit(e) le : 30/04/2011

Kendall a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Image en noir et blanc passe en couleur au passage du curseur

Message par SoraNoHime Sam 22 Oct 2011 - 19:47

Voici quelques sujets sur le gradualfader : https://forum.forumactif.com/t309996-tutoriel-gradualfader
https://forum.forumactif.com/t279960-ralentir-l-arrivee-de-l-infobulle
https://forum.forumactif.com/t309239-mettre-gradual-element-fader-tuto

J'avoue ne pas trop m'y connaitre ^^ Je préfère passer la main a des personnes plus compétentes. 'espère au moins que ces sujets vous aiderons.

Bonne soirée.
SoraNoHime

SoraNoHime
Membre actif

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

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en noir et blanc passe en couleur au passage du curseur

Message par Kendall Dim 23 Oct 2011 - 19:52

D'accord merci \o/

Quelqu'un ?
Kendall

Kendall
***

Messages : 178
Inscrit(e) le : 30/04/2011

Kendall a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en noir et blanc passe en couleur au passage du curseur

Message par tupac Dim 23 Oct 2011 - 21:40

Bonsoir Kendall

Il vous faut deux images,celle d'origine en couleur et pour celle en noir et blanc c'est très simple de la faire a l'aide d'un logiciel tel que PhotoPhiltre en ouvrant votre image et de cliquer juste sur cet icône Image en noir et blanc passe en couleur au passage du curseur Zxwzuyujh pour faire baisser la saturation au maximum.

Code:
    <img src=" image en noir et blanc " alt="" onmouseout="javascript:this.src=' image en noir et blanc ';" onmouseover="javascript:this.src=' image en couleur ';" />
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en noir et blanc passe en couleur au passage du curseur

Message par Kendall Dim 23 Oct 2011 - 21:47

Hmmm W'okay \o/ merci beaucoup =3
Kendall

Kendall
***

Messages : 178
Inscrit(e) le : 30/04/2011

Kendall a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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