---
title: "Visa bild vid markering"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/59041-visa-bild-vid-markering"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "ulsy"
published: "2002-11-14T17:42:38.000Z"
updated: "2002-11-15T16:09:19.000Z"
replies: 9
views: 217
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/59041-visa-bild-vid-markering"
---

# Visa bild vid markering

## #1 — ulsy, 2002-11-14T17:42Z

Har en formulärlista med bildnamn, när man markerar ett namn vill jag ha en förhandsvisning så man ser vilken bild man väljer.
Hur gör man detta?

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

## #2 — Jojoxx, 2002-11-14T20:10Z

Tror det varit uppe förrut, men det är rätt enkelt;

```
<form>
<select name="foo" onChange="document['myImage'].src=this[this.selectedIndex].value">
<option value="1.gif">Bild 1</option>
<option value="2.gif">Bild 2</option>
</select>
<img src="1.gif" name="myImage">
</form>
```

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

## #3 — ulsy, 2002-11-14T21:01Z

Tack Fungerar bra, lite knep & knåp då jag hämtar bilderna i en databas.
Om jag vill begränsa storleken på bilderna bode man då inte kunna skriva:

```
<select name="foo" onChange="document['myImage']
.src=this[this.selectedIndex].value" width="100">
```

Det fungerar inte, vad är fel?

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

## #4 — Palleman, 2002-11-14T21:09Z

```
<img src="1.gif" name="myImage" height="100" width="100">
```

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

## #5 — ulsy, 2002-11-14T21:56Z

Oj vad lätt det blev :)

Tack för hjälpen!

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

## #6 — ulsy, 2002-11-14T22:00Z

En annan fråga när det gäller storlek.
Om jag vill att bilden max skall vara 100 bred skriver jag
width="100"
om nu en bild är väldigt hög och jag vill begränsa den så den max får vara 250 och då bli x bred (mindre än 100) hur gör man då?

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

## #7 — Jojoxx, 2002-11-15T06:45Z

```
<script language="JavaScript" type="text/javascript">
var maxWidth=200;
var maxHeight=200;
function checksize(obj){
	var sf;
	if(obj.width>maxWidth){sf=maxWidth/obj.width; obj.width=Math.floor(obj.width*sf); obj.height=Math.floor(obj.height*sf); }
	if(obj.height>maxHeight){sf=maxHeight/obj.height; obj.height=Math.floor(obj.height*sf); obj.width=Math.floor(obj.width*sf); }
}
</script>
<form>
<select name="foo" onChange="document['myImage'].src=this[this.selectedIndex].value">
<option value="1.gif">Bild 1</option>
<option value="2.gif">Bild 2</option>
</select>
<img src="1.gif" name="myImage" onLoad="checksize(this);">
</form>
```

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

## #8 — ulsy, 2002-11-15T08:55Z

Tack!
Om jag vill göra på samma sätt med en bild någon annan stans
kan jag då använda mig av scriptet?

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

## #9 — Jojoxx, 2002-11-15T12:37Z

Visst, go right ahead.

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

## #10 — ulsy, 2002-11-15T16:09Z

Tack! :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/59041-visa-bild-vid-markering