Image en noir et blanc passe en couleur au passage du curseur
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Image en noir et blanc passe en couleur au passage du curseur
Bonjour \o me voici avec une nouvelle question
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
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- ***
- Messages : 178
Inscrit(e) le : 30/04/2011
Re: Image en noir et blanc passe en couleur au passage du curseur
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.
Re: Image en noir et blanc passe en couleur au passage du curseur
Oui je pense aussi mais c'est ce code là que je cherche ^^'
Merci beaucoup \o
Merci beaucoup \o
Kendall- ***
- Messages : 178
Inscrit(e) le : 30/04/2011
Re: Image en noir et blanc passe en couleur au passage du curseur
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.
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- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Image en noir et blanc passe en couleur au passage du curseur
Bonjour ^^
Non non, l'infobulle je sais faire, je n'en ai pas besoin. J'aimerais simplement l'effet sur les images
Non non, l'infobulle je sais faire, je n'en ai pas besoin. J'aimerais simplement l'effet sur les images
Kendall- ***
- Messages : 178
Inscrit(e) le : 30/04/2011
Re: Image en noir et blanc passe en couleur au passage du curseur
Dans ce cas, il faut passer par une div.
code à mettre dans la page d'acceuil ou un post :
code dans la css :
Cordialement.
code à mettre dans la page d'acceuil ou un post :
- Code:
<div class="imgnbc1"> </div>
code dans la css :
les parties en rouge sont à modifier..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;
}
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Image en noir et blanc passe en couleur au passage du curseur
&& 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
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 : 178
Inscrit(e) le : 30/04/2011
Re: Image en noir et blanc passe en couleur au passage du curseur
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.
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- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Image en noir et blanc passe en couleur au passage du curseur
D'accord merci \o/
Quelqu'un ?
Quelqu'un ?
Kendall- ***
- Messages : 178
Inscrit(e) le : 30/04/2011
Re: Image en noir et blanc passe en couleur au passage du curseur
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.
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 ';" />
Re: Image en noir et blanc passe en couleur au passage du curseur
Hmmm W'okay \o/ merci beaucoup =3
Kendall- ***
- Messages : 178
Inscrit(e) le : 30/04/2011
Sujets similaires
» Image s'éclairsit au passage du curseur
» [Couleur] Survol des champs blanc > noir sur fond de page noir
» Agrandir un texte ou image au passage du curseur.
» Changer la couleur texte de la barre de navigation au passage du curseur
» Changer mon curseur et le passage
» [Couleur] Survol des champs blanc > noir sur fond de page noir
» Agrandir un texte ou image au passage du curseur.
» Changer la couleur texte de la barre de navigation au passage du curseur
» Changer mon curseur et le passage
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum