Hej, Du måste i såfall ha någon extra komponent ex. snapshot (snapshot.com) Vet inte om detta kan va nåt, men här är i vart fall ett script som jag anpassat för bilder. Vem vet, du kanske kan ha någon nytta av att kika på det.Få reda på bredd och höjd på en bild
Jag skall lägga in ett antal olika bilder på en sida. Jag vill tex inte att bildernas bredd får överstiga 300 pixlar. Hur gör jag för att kolla upp bildernas bredd och höjd när de läggs in på sidan, så att jag kan skala ner de till maxbredden 300 pixlar om de skulle vara större???
mvh
TomasSv: Få reda på bredd och höjd på en bild
Sv: Få reda på bredd och höjd på en bild
<html>
<head>
<title>lek_med_bilder</title>
<style type="text/css">
body {background-color:lightblue; font-family:arial, verdana; font-size:18; color:yellow;margin:2px;}
.tabell {background-color:green;width:75%; height:100%; border-collapse:collapse;
border:2px solid black}
div {background-color:green;width:100%; height:100%; position:absolute; left:2%; top:2%;}
.td {position:absolute; left:2%; top:2%; width:60% height:80%; border-collapse:collapse;
border:2px solid black}
a {cursor:hand;}
#bild1 {display:none;}
#bild2 {display:none;}
#bild3 {padding:15; background-color:white; display:none;}
#bild4 {display:none;}
#bild5 {display:none;}
#bild6 {padding:15; background-color:silver; display:none;}
</style>
<script type="text/javascript" language=javascript>
<!--
function bild(currPic){thisText=document.getElementById(currPic).style
if (thisText.display == "block"){thisText.display="none"}
else { thisText.display = "block" } }
-->
</script>
</head>
<body>
<table width=10% height=50% align=right bgcolor=lightgreen>
<td>
<BR>
<BR>
</td>
<td>
<BR>
<BR>
</td>
</table>
<!-- Nedan anger du maxstorleken, obs! Om bilden beskärs så måste det göras proportionellt, annars förvrängs bilden -->
<table class=tabell>
<td>Tabell med endast en cell
<BR><BR>
Scriptet känner av bildens storlek, jag har här satt 480x360 som max bildstorlek
<BR>
för bilderna i vänstra raden, vilket inte behövs (för muspekaren över) .
<BR>
Men du kan själv ange maxstorlek på bilderna
<BR><BR>
De högra bilderna visas som de är. Dock bör inte storleken överstiga 560x420
<BR><BR>
Är ursprungsbilden större än angiven storlek i koden
<BR>
så visas de förminskade inom den storlek jag angivit här.
<BR><BR>
Obs! om man anger annan bildstorlek än ursprungsbilden
<BR>
så måste det anges proportionellt, annars förvrängs ju bilden
<BR><BR>
Om man vill ha passpartou (d.v.s ram runt bilden) så har jag angatt detta för
<BR>
bilderna tre och sex i css-delen
</td>
<div>
<td class=td id="bild1"><IMG SRC=001.jpg width=480 height=360></td>
<td class=td id="bild2"><IMG SRC=002.jpg width=480 height=360></td>
<td class=td id="bild3"><IMG SRC=003.jpg width=480 height=360></td>
<td class=td id="bild4"><IMG SRC=004.jpg><BR></td>
<td class=td id="bild5"><IMG SRC=005.jpg><BR>Bildbeskrivning ?</td>
<td class=td id="bild6"><IMG SRC=006.jpg><BR>Bildbeskrivning kanske ?</td>
<div>
</table>
</body>
</html>