Du kan ju börja att söka på ex. proportion* i js-forumet. :)
Frågan#1
Hej!
Är det någon som vet hur man kan förminska en bild och fortfarande ha kvar propotionerna?
Förminska bild
13 svar · 374 visningar · startad av joel_joel88
Har sökt, hittar inget. Någon som vet?
Like so?
function rsz(n){
var img = document.images[n],
h = img.height,
w = img.width;
img.width = parseInt(w * 0.75);
img.height = parseInt(h * 0.75);
}
<form>
<button type="button" onclick="rsz([b]'img'[/b])">resize (75%)</button>
</form>
<img [b]name="img"[/b] src="foo.png" height="311" width="480" border="0">
Vill du förminska med något annat än 75 % är det bara att leta upp 0.75 och byta ut det mot önskad procentsats.
Tack för hjälpen! En fråga bara, hur gör man så att bilden ändras utan att man behöver trycka på en knapp? (jag kan typ ingen om javascript ;) )
<head>
<script type="text/javascript">
function rsz(n){
var img = document.images[n],
h = img.height,
w = img.width;
img.width = parseInt(w * 0.75);
img.height = parseInt(h * 0.75);
}
</script>
</head>
<img name="img" src="foo.png" height="311" width="480" border="0">
<script type="text/javascript">rsz('img')</script>
Tvärr fungerar det inte, bilden blir inte mindre :(
Fungerar ypperligt för mig. :)
Kan det inte vara så att du helt enkelt inte hinner med att se bilden förminskas? Ändra i sådana fall till exempelvis 0.1 för att testa.
har ändrat till 0.1, bilden förminskas inte :(
Kan du posta ett exempel som visar när det inte fungerar?
Vad menar du med exempel när det inte fungerar? Menar du kod?
Det som händer annars är inget, bilden har sin orginala storlek
<script type="text/javascript">
<!--
function rsz(n){
var img = document.images[n],
h = img.height,
w = img.width;
img.width = parseInt(w * 0.1);
img.height = parseInt(h * 0.1);
}
-->
</script>
För att hämta ut bilden
response.write "<script type=""text/javascript"">rsz('img')</script>"
response.write "<img src=""" & recset("bild") & """ name=""img"">"
Yes! :) (På din andra fråga).
<img>-taggen skall skrivas ut ovanför den andra <script>-taggen.
Nu fungerar det! Tack för hjälpen!