Faire glisser une image avec javascript

Fermé
minimene Messages postés 2 Date d'inscription samedi 16 juin 2012 Statut Membre Dernière intervention 16 juin 2012 - 16 juin 2012 à 20:52
minimene Messages postés 2 Date d'inscription samedi 16 juin 2012 Statut Membre Dernière intervention 16 juin 2012 - 16 juin 2012 à 22:24
Bonjour,
voilà je travail sur un site et je bloque sur une partie très importante, bref j'explique ce que je veux:
j'aimerais savoir comment on fait pour faire basculer une image avec un mouseover: le truc c'est que l'image est grande et que je dois en cacher une partie et quand je passe la souris dessus c'est l'autre partie de l'image qui apparait.
j'espère que ma demande est claire, ce que je veux c'est au moins connaitre le nom de la fonction javascript.
pour mieux comprendre il y a le même truc sur www.redhat.com.
merci pour votre aide
A voir également:

2 réponses

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
16 juin 2012 à 22:08
Salut,

En fouillant le code source, on voit qu'il utilise un div nommé "call-out-boxes". Du côté JS il y a un élément qui semble si rapporter et qui utilise visible Jquery :
$('#call-out-boxes div').hover(function() {
$(this).find('img').stop().animate( {
marginLeft : '-156px'
}, 'slow');

}, function() {
$(this).find('img').stop().animate( {
marginLeft : '0px'
}, 'slow');
});
0
minimene Messages postés 2 Date d'inscription samedi 16 juin 2012 Statut Membre Dernière intervention 16 juin 2012
16 juin 2012 à 22:24
merci beaucoup pour ton aide, je n'ai pas trop su comment chercher sur le site, je vais essayer de reproduire ce scripte.
encore merci
0