5 svar · 381 visningar · startad av Calevan
Hej!
Jag undrar om det går att göra en HTML sida som visar en bild i så stor storlek det går för att visa hela bilden på samma sätt som IE och FF gör om bilder så att de passar till skärmen när man direktlänkar till dem? Men jag ville altså ha en sida som visar bilden. Tänkte att det kanske går att läsa av bildens orginal bred och höjd och sen användarens skärmstorlek och på något sätt där få ihop det hela. går detta montro? (kan ASP vara en bra lösning, eller går inte det?)
tack!
Så här menar du?
<style type="text/css">
body { margin:0px; }
</style>
<img src="http://www.webforum.nu/images/wfstandard/logo_webforum.gif" id="myimg" alt="..." />
<script type="text/javascript">
var w=(window.innerWidth)?window.innerWidth:document.body.clientWidth;
var h=(window.innerHeight)?window.innerHeight:document.body.clientHeight;
window.onload=function(){
var elm=document.getElementById("myimg");
elm.style.width=w+"px";
elm.style.height=h+"px";
}
</script>
antar att man måste få ut bildens nuvarande storlek för det först då, jämföra vilken som vill förstora minst i procent och använda samma procent för att förstora lika mycket. så hur gör man detta i kodspråk?
tack!
Sure thing
<style type="text/css">
body { margin:0px; }
</style>
<img src="http://www.webforum.nu/images/wfstandard/logo_griffel.gif" id="myimg" alt="..." />
<script type="text/javascript">
var w=(window.innerWidth)?window.innerWidth:document.body.clientWidth;
var h=(window.innerHeight)?window.innerHeight:document.body.clientHeight;
window.onload=function(){
var elm=document.getElementById("myimg");
var ew=elm.width; var eh=elm.height;
var f=(w/ew>h/eh)?h/eh:w/ew;
elm.style.width=Math.round(ew*f)+"px";
elm.style.height=Math.round(eh*f)+"px";
}
</script>
hur bra som helst! grymt tack!