Jump to content

Problème avec pop-up image


Recommended Posts

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 ?

Link to post
Share on other 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.

Link to post
Share on other 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 .....

Link to post
Share on other 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 ;)

Link to post
Share on other 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.

Link to post
Share on other sites
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...