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

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 le 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://i48.servimg.com/u/f48/16/18/33/72/nb_bmp10.jpg
> avec le curseur passer dessus https://i48.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
***

Messages : 129
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 le 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
****

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 le Sam 22 Oct 2011 - 17:02

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

Merci beaucoup \o

Kendall
***

Messages : 129
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 le 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
+ 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: Image en noir et blanc passe en couleur au passage du curseur

Message par Kendall le 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
***

Messages : 129
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 le 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
+ 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: Image en noir et blanc passe en couleur au passage du curseur

Message par Kendall le 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
***

Messages : 129
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 le Sam 22 Oct 2011 - 19:47

Voici quelques sujets sur le gradualfader : http://forum.forumactif.com/t309996-tutoriel-gradualfader
http://forum.forumactif.com/t279960-ralentir-l-arrivee-de-l-infobulle
http://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
+ 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: Image en noir et blanc passe en couleur au passage du curseur

Message par Kendall le Dim 23 Oct 2011 - 19:52

D'accord merci \o/

Quelqu'un ?

Kendall
***

Messages : 129
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 le 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 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
+ Hyperactif +

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

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 le Dim 23 Oct 2011 - 21:47

Hmmm W'okay \o/ merci beaucoup =3

Kendall
***

Messages : 129
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


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