Faire glisser une image avec javascript
minimene
Messages postés
2
Statut
Membre
-
minimene Messages postés 2 Statut Membre -
minimene Messages postés 2 Statut Membre -
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
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:
- Faire glisser une image avec javascript
- Légender une image - Guide
- Image iso - Guide
- Comment faire une recherche par image - Guide
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image d’ours polaire sur une image de plage. retrouvez l'image originale de la plage. que cache l'ours polaire ? - Forum Graphisme
- Reduire taille image - Guide
2 réponses
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 :
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');
});
