---
title: "Ändra bild"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/76264-ändra-bild"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "huskyboy"
published: "2003-05-07T17:59:07.000Z"
updated: "2003-05-12T13:23:08.000Z"
replies: 8
views: 255
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/76264-ändra-bild"
---

# Ändra bild

## #1 — huskyboy, 2003-05-07T17:59Z

Är det någon som vet var jag kan hitta ett skript där jag har en bild som byts efter en 5 - 10 sekunder? Där jag kan ha 5 - 6 bilder att byta mellan.

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

## #2 — [AMD]Zmaster, 2003-05-07T18:03Z

Bara en bild eller kan hela sidan bytas?

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

## #3 — huskyboy, 2003-05-07T18:16Z

Bara en bild som ligger i tex en tabell

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

## #4 — [AMD]Zmaster, 2003-05-07T18:24Z

Sorry, isåfall vet jag inte, men sök lite och leta, kanske finns en sån tråd, annars är det bara att vänta på att nån annan ska svara :)

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

## #5 — Peter S, 2003-05-07T18:48Z

Exempel:

```
<head>
<script type="text/javascript">
<!--

var imgs=[
	{ src: "bild2.gif", alt: "bild2" },
	{ src: "bild3.gif", alt: "bild3" },
	{ src: "bild4.gif", alt: "bild4" },
	{ src: "bild5.gif", alt: "bild5" },
	{ src: "bild1.gif", alt: "bild1" }
];

function updateImage(n){
	if(n==imgs.length){
		n=0;
	}
	with(document.images["foo"]){
		src=imgs[n].src;
		alt=imgs[n].alt;
	}
	window.setTimeout("updateImage("+(n+1)+")",[b]5000[/b]);
};

window.onload=function(){
	window.setTimeout("updateImage(0)",[b]5000[/b]);
};

//-->
</script>

</head>

...

<div><img name="foo" src="bild1.gif" height="50" width="100" alt="bild1"></div>
```

De fetstilta talen anger -- i millisekunder -- efter hur lång tid bilden i "img"-taggen skall bytas. Denna tagg kan du givetvis placera var du vill, exempelvis i en tabell.

 
 :)

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

## #6 — huskyboy, 2003-05-07T19:05Z

Tack. Ska prova det

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

## #7 — huskyboy, 2003-05-07T19:12Z

Förresten hur gör man om man vill ha så att det byts på tex två olika ställen på en sida? I två tabell celler.
Går det?

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

## #8 — pellsäter, 2003-05-12T07:01Z

Bra sätt att göra det på..... men hur fåman det att funka om man har 2st ställen i samma sida där det ska skiftas bilder?

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

## #9 — Peter S, 2003-05-12T13:23Z

Ett enkelt exempel:

```
<head>
<script type="text/javascript">
<!--

var imgs1=[
	{ src: "bild2.gif", alt: "bild2" },
	{ src: "bild3.gif", alt: "bild3" },
	{ src: "bild4.gif", alt: "bild4" },
	{ src: "bild5.gif", alt: "bild5" },
	{ src: "bild1.gif", alt: "bild1" }
];

var imgs2=[
	{ src: "bild7.gif", alt: "bild7" },
	{ src: "bild8.gif", alt: "bild8" },
	{ src: "bild9.gif", alt: "bild9" },
	{ src: "bild10.gif", alt: "bild10" },
	{ src: "bild6.gif", alt: "bild6" }
];

function updateImage(n){
	if(n==imgs1.length){
		n=0;
	}
	with(document.images["foo"]){
		src=imgs1[n].src;
		alt=imgs1[n].alt;
	}
	with(document.images["bar"]){
		src=imgs2[n].src;
		alt=imgs2[n].alt;
	}
	window.setTimeout("updateImage("+(n+1)+")",5000);
};

window.onload=function(){
	window.setTimeout("updateImage(0)",5000);
};

//-->
</script>

</head>

...

<div><img name="foo" src="bild1.gif" height="50" width="100" alt="bild1"></div>
<div><img name="bar" src="bild6.gif" height="50" width="100" alt="bild6"></div>
```

 :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/76264-ändra-bild
