»
AnglaisFrançaisVietnamien

Imprimer - Scaling image selon la taille de la fenêtre - JavaScriptBank.com

Version complète: jsB@nk » Snippet » Scaling image selon la taille de la fenêtre
URL: https://www.javascriptbank.com/scaling-image-accord-to-window-size.html

Scaling image selon la taille de la fenêtre © JavaScriptBank.comUtiliser JavaScript à l'échelle d'une image à la taille de la fenêtre Selon Parfois vous avez besoin de redimensionner une image en fonction de la taille de la fenêtre. Vous pouvez le faire par la création de la image largeur et la hauteur de 100 pour cent à l'intérieur de la balise <img>. IE puis redimensionner l'image en fonction de la taille de la fenêtre. Vous pouvez aussi le faire avec JavaScript, en utilisant document.body.clientWidth et document.body.clientHeight . Ce retour de l'actif fenêtre largeur et hauteur. On_Load définit la hauteur et la largeur de l'image. Lorsque le fenêtre est redimensionnée, width.history.go (0) actualise la page.

Version complète: jsB@nk » Snippet » Scaling image selon la taille de la fenêtre
URL: https://www.javascriptbank.com/scaling-image-accord-to-window-size.html



JavaScript
<script language="javascript">function ScaleSize(){document.getElementById("imgTag").style.width = document.body.clientWidth;document.getElementById("imgTag").style.height = document.body.clientHeight;}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<body onload="javascript:ScaleSize();" onresize="history.go(0)"><img id="imgTag" src="../image/logojs.gif"></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->