11490 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

Voici un site sur lequel j'ai créé une petite galerie d'image.
Cependant un petit détail me chagrine; lors d'un clique sur une vignette vous pouvez constater que la barre de scrolling remonte (Il faut que la page soit scroller pour le voir)... C'est désagréable pour l'internaute.

Ce dysfonctionnement est dû à la fonction fadeOut que j'utilise pour faire disparaître l'image principale. Cela dit je n'arrive pas à trouver une solution pour résoudre ce problème.

Merci par avance.
Modifié par ggouhier (12 Dec 2009 - 19:03)
Salut,

Faut ajouter une taille au conteneur de l'image (div#image ?).
Vu que les images on l'aire d'avoir tous la même taille, tu peut le faire une fois pour toute quand la galerie est chargée.
Sinon avant de faire disparaitre l'image et ensuite modifier la taille du conteneur en fonction de l'image suivante (avec animate pour plus d'effet).
J'ai finis par réussir, j'ai effectivement fixer la div #image à une certaine hauteur et dans la fonction fadeOut je n'efface plus le contenu de la div #image mais je modifie juste l'attribut src de l'image. Ca fonctionne désormais.

Merci pour ton aide