Forum de discussion
Forum « Programmation Javascript » (archives)
Re: multifenetre popup
Envoyé: 2 décembre 2004, 16h31 par bendev
Je crois que tout ça est réalisable : sur ton image, mets une une balise <a href="javascript:bigImage()><img src="tonImage.jpg" width="100" height="80"></a>
par exemple, si ton image fait 100*80.
Dans la partie Header de ton code html, tu as donc une fonction qui s'appelle bigImage() et dans laquelle tu vas ouvrir une fenêtre de 500 sur 400 pixels, par exemple, à une position bien précise (top et left) sans option aucune en demandant à y charger la page grosseImage.html :
<script language="javascript">
function bigImage() {
window.open ('grosseImage.html', ,'Image','top=250, left=455, height=400,width=500, scrollbars=0,toolbar=0, menuBar=0,location=0,directories=0') ;
}
</script>
dans ta page grosseImage.html, tu peux afficher ton image en précisant height="400" et width="500" pour qu'elle colle bien aux bords - sachant qu'un navigateur a plus de facilité pour réduire une image que pour l'agrandir ... le mieux est de faire 2 formats de la même image évidemment.
Si tu veux que la fenêtre se referme, alors sur le même principe, mets une balise href sur ton image et appelle une fonction javascript dans laquelle il y aura une seule ligne utile : window.close();
Ce code javascript étant des plus simples, il devrait se charger facilement sur tous les navigateurs.
@+
ben
Réponses
|