Jump to content
Sign in to follow this  
ppahv

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 ?

Share this post


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.

Share this post


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 .....

Share this post


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 ;)

Share this post


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.

Share this post


Link to post
Share on other sites

Bonjour, j'ai testé sur une nouvelle page le code plus haut,cela fonctionne au poil.

Voici la page pour ceux que cela intéresse. Page album

Bonnes fêtes à tous et bon réveillon

Share this post


Link to post
Share on other sites

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
Sign in to follow this  

×
×
  • Create New...