Aller au contenu

Problème avec pop-up image


ppahv

Sujets conseillés

Bonjour, j'ai un pbl avec le système de pop-up généré par Dreamveawer.

En effet sur lorsque je clique sur une des photos, le pop-up s'ouvre correctement mais la page est systématiquement remontée en haut ce qui oblige à utiliser l'ascenseur pour continuer à voir les photos suivantes.

Un exemple valant mieux qu'un long discours, essayez de cliquer sur une photo en bas de la page ici photos vous verrez la page remonte aussitôt

Quelle est la soluce pour empêcher ce pbl ?

Lien vers le commentaire
Partager sur d’autres sites

<a href="#"><img src="../../images/photo/albert/albert05bd.jpg" alt="Choucas" width="150" height="113" border="0" onclick="MM_openBrWindow('../../images/photo/albert/albert05.jpg','','width=645,height=485')" /></a>

Tu peux enlever le lien, vu la façon dont tu utilises les popups, il ne sert à rien.

Lien vers le commentaire
Partager sur d’autres sites

Merci petit ourson, effectivement j'ai enlevé le lien sur la derniere photo en bas à droite et je n'ai plus le pbl, seulement inconvénient je n'ai plus le curseur qui se transforme en main pour signaler la photo cliquable .....

Lien vers le commentaire
Partager sur d’autres sites

Salut Pierre Alexandre, que de chemin parcouru depuis la première version de ton site.

<a href="../../images/photo/albert/albert05.jpg" onclick="MM_openBrWindow('../../images/photo/albert/albert05.jpg','','width=645,height=485'); return false;"><img src="../../images/photo/albert/albert05bd.jpg" alt="Choucas" width="150" height="113" border="0"  /></a>

C'est la bonne façon de faire : elle permettra à ceux qui ne'ont pas javascript de quand même voir l'image ;)

Lien vers le commentaire
Partager sur d’autres sites

On peut légèrement simplifier le code :

<a href="../../images/photo/albert/albert05.jpg" onclick="MM_openBrWindow(this.href,'','width=645,height=485'); return false;"><img src="../../images/photo/albert/albert05bd.jpg" alt="Choucas" width="150" height="113" border="0"  /></a>

Pour l'explication :

- On précise tout de même l'url de la page dans le lien, pour que les personnes ne disposant pas de JavaScript puissent tout de même accéder à la page.

- Le "return false;" empêchera le javascript d'interpréter le lien original (ce qui évite d'afficher l'image dans le popup ET dans la page principale)

- On met le this.href dans le javascript, pour ne pas repréciser l'url de l'image. Ca permet d'éviter d'avoir à la mettre deux fois dans le code.

Lien vers le commentaire
Partager sur d’autres sites

  • 1 month later...

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...