Image qui se cache
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Image qui se cache
Bonjour tout le monde,
Alors voilà j'ai un problème, vous savez les images qui se décalent, quand la souris passe sur l'image, celle-ci se cache pour laisser apparaître un texte, et ben j'ai fais ça sur mon message d'accueil ça marche jusqu'à ce que j'enlève ma souris et là l'image ne revient plus... PK???
Merci de me répondre le plus rapidement possible (: ♥
Voici ce que j'ai mis en CSS:
Alors voilà j'ai un problème, vous savez les images qui se décalent, quand la souris passe sur l'image, celle-ci se cache pour laisser apparaître un texte, et ben j'ai fais ça sur mon message d'accueil ça marche jusqu'à ce que j'enlève ma souris et là l'image ne revient plus... PK???
Merci de me répondre le plus rapidement possible (: ♥
Voici ce que j'ai mis en CSS:
- Code:
.bloc-tfa {
background: #b5c9d9;
position: relative;
overflow: hidden;
height: 150px;
width: 350px;
margin: 0;
padding: 0;
border: 1px solid #7da2bc;
}
.bloc-tfa p{
display: block;
color: #00305c;
height: 150px;
width: 350px;
margin: 0;
padding: 0;
}
.bloc-tfa img{
position: absolute;
top: 0;
left: 0;
}
- Code:
$(function(){
$('.bloc-tfa').hover(function(){$(this).find('img').animate({left:'350px'},{queue:false,duration:500})},function(){$(this).find('img').animate({left:'350px'},{queue:false,duration:500})});
});
- Code:
<div class="bloc-tfa">
<img src="http://i76.servimg.com/u/f76/17/86/88/50/a_bmp12.jpg" alt="" />
<p>
ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU
</p>
</div>
Dernière édition par Feuille d'Or le Mer 25 Sep 2013, 07:38, édité 1 fois
Re: Image qui se cache
Pour être honnête, j'aurais fait ça complètement avec du CSS, puisque le JavaScript complique beaucoup les choses pour quelque chose d'aussi simple. J'utiliserais simplement un contrôle d'opacité. Voilà donc le code de CSS que ça me donne (basé sur le tiens):
Cordialement
[AoH]Insane
- Code:
.bloc-tfa{
background: #b5c9d9;
position: relative;
overflow: hidden;
height: 150px;
width: 350px;
margin: 0;
padding: 0;
border: 1px solid #7da2bc;
}
.bloc-tfa p{
display: block;
color: #00305c;
height: 150px;
width: 350px;
margin: 0;
padding: 0;
}
.bloc-tfa img{
position: absolute;
top: 0;
left: 0;
}
.bloc-tfa img:hover{
opacity: 0
}
- Code:
<div class="bloc-tfa">
<img src="http://i76.servimg.com/u/f76/17/86/88/50/a_bmp12.jpg" alt="" />
<p>
ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU ICI LE CONTENU
</p>
</div>
Cordialement
[AoH]Insane
Re: Image qui se cache
Bonjour
Dans votre code javascript mettez 0 px au 2ème
Cdt
Dans votre code javascript mettez 0 px au 2ème
- Code:
left:'350px'
Cdt
Re: Image qui se cache
Merci beaucoup [AoH]Insane mais ce n'étais pas exactement ce que je demandais, mais merci quand même d'avoir répondu (:
Adam_sfp, merci beaucoup c'ets exactement ce que je voulais ^^ ♥ et ça marche!! (:
Adam_sfp, merci beaucoup c'ets exactement ce que je voulais ^^ ♥ et ça marche!! (:
Sujets similaires
» Centrer une image d'en-tête très large et caché le surplus
» Barre à gauche qui défile avec l'écran et cache une image cliquable
» image de fond caché
» Texte de signature caché sous l'image de signature
» lien sous forum qui se cache derrière l'image
» Barre à gauche qui défile avec l'écran et cache une image cliquable
» image de fond caché
» Texte de signature caché sous l'image de signature
» lien sous forum qui se cache derrière l'image
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum