Hej på er,
jag undrar om man kan modifiera scriptet nedan för att skriva ut bildens storlek direkt utan att behöva trycka på en knapp för att visa resultatet? Eller om det finns någon annan javascriptlösning för detta?
<script language='JavaScript'>
function getImgSize(imgSrc)
{
var newImg = new Image();
newImg.src = imgSrc;
var height = newImg.height;
var width = newImg.width;
alert ('The image size is '+width+'*'+height);
}
</script>
function getImgSize2(id){
var pic = document.getElementById(id);
var h = pic.offsetHeight;
var w = pic.offsetWidth;
alert ('The image size is '+w+'*'+h);
}
<IMG id='demoImg' src="http://www.goldenstudy.com/bbs/uploadimg//20060228144500426.jpg">
<BUTTON onclick="getImgSize(document.getElementById('demoImg').src);">Get Image Size</BUTTON>
För att innan bilden har laddats kan webbläsaren inte veta bildens dimensioner, och skriptet körs innan bilden har laddats. När du laddar om sidan ligger bilden i cache.
Du får vänta tills bilden laddats och sen skriva ut det. Men då kan du inte använda document.write() utan du får jobba med innerHTML eller DOM-metoder.
Tack, det fungerar fint. Nu har jag bara en fråga kvar. Kan man separera bilden och utskriften, dvs man kanske har en lista där man skriver endast filnamnet samt i en annan cell vill printa ut storleken på bilden fast man vill inte visa bilden? Måste de hänga ihop om du förstår vad jag menar?