---
title: "Förminska bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/136904-förminska-bild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "joel_joel88"
published: "2005-11-03T16:05:27.000Z"
updated: "2005-11-08T19:18:08.000Z"
replies: 13
views: 376
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/136904-förminska-bild"
---

# Förminska bild

## #1 — joel_joel88, 2005-11-03T16:05Z

Hej!

Är det någon som vet hur man kan förminska en bild och fortfarande ha kvar propotionerna?

Permalänk: https://www.webforum.nu/p/136904

## #2 — Travoni, 2005-11-03T16:13Z

Du kan ju börja att söka på ex. proportion\* i js-forumet. :)

Permalänk: https://www.webforum.nu/p/1698650

## #3 — joel_joel88, 2005-11-07T18:24Z

Har sökt, hittar inget. Någon som vet?

Permalänk: https://www.webforum.nu/p/1703370

## #4 — Peter S, 2005-11-07T20:51Z

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.

Permalänk: https://www.webforum.nu/p/1703476

## #5 — joel_joel88, 2005-11-08T15:36Z

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 ;) )

Permalänk: https://www.webforum.nu/p/1703816

## #6 — Peter S, 2005-11-08T16:37Z

```
<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>
```

Permalänk: https://www.webforum.nu/p/1703863

## #7 — joel_joel88, 2005-11-08T17:42Z

Tvärr fungerar det inte, bilden blir inte mindre :(

Permalänk: https://www.webforum.nu/p/1703897

## #8 — Peter S, 2005-11-08T17:48Z

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.

Permalänk: https://www.webforum.nu/p/1703900

## #9 — joel_joel88, 2005-11-08T19:08Z

har ändrat till 0.1, bilden förminskas inte :(

Permalänk: https://www.webforum.nu/p/1703941

## #10 — Peter S, 2005-11-08T19:09Z

Kan du posta ett exempel som visar när det inte fungerar?

Permalänk: https://www.webforum.nu/p/1703944

## #11 — joel_joel88, 2005-11-08T19:13Z

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"">"
```

Permalänk: https://www.webforum.nu/p/1703945

## #12 — Peter S, 2005-11-08T19:14Z

Yes!  :) (På din andra fråga).

Permalänk: https://www.webforum.nu/p/1703947

## #13 — Peter S, 2005-11-08T19:16Z

\<img\>\-taggen skall skrivas ut ovanför den andra \<script\>\-taggen.

Permalänk: https://www.webforum.nu/p/1703949

## #14 — joel_joel88, 2005-11-08T19:18Z

Nu fungerar det! Tack för hjälpen!

Permalänk: https://www.webforum.nu/p/1703950

---

Tråden på webben: https://www.webforum.nu/amne/javascript/136904-förminska-bild
