---
title: "loopa ut bilder-med array?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/183725-loopa-ut-bilder-med-array"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "clacke"
published: "2010-06-07T16:42:28.000Z"
updated: "2010-06-08T06:49:36.000Z"
replies: 3
views: 485
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/183725-loopa-ut-bilder-med-array"
---

# loopa ut bilder-med array?

## #1 — clacke, 2010-06-07T16:42Z

Jag vill loopa ut bilder efter varandra.
Säg att jag har 100st bilder där dom heter page1.jpg, page2.jpg osv.
Hur gör jag för att loopa ut dom på ett enkelt sätt? Med en array?
Så jag slipper skriva ut alla 100st..

```
<img src="page1.jpg">
<img src="page2.jpg">
osv....
```

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

## #2 — Web-Tor, 2010-06-07T17:21Z

Är det alltid exakt dessa 100 bilder som skall visas eller är det ett dynamiskt antal bilder från t.ex. en databas? Om det är 100 bilder, som inte skall uppdateras, är det väl enklast att helt enkelt klipp-och-klista in hundra rader?

Om du verkligen vill skapa bild-taggarna med Javscript kan du använda [createElement()](https://developer.mozilla.org/en/DOM/document.createElement).

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

## #3 — voigtann1, 2010-06-07T18:52Z

createElement() är långsamt som gatan :P om du inte kommer använda DOM:en för det så räcker det att du bygger upp en vanlig sträng och sen sätt något elements innerHTML till den strängen.

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

## #4 — Web-Tor, 2010-06-08T06:49Z

> createElement() är långsamt som gatan

Det har du nog rätt i. Det här borde gå ganska snabbt:

```
<html>
<head>
<script type="text/javascript">
	function generateIMG(){
		var elmC = document.getElementById('container')
		var strImg = "";
		for(var i=1; i<=100; i++){
			strImg += "<img src=\"page" + i + ".jpg\" /><br />";
		}
		elmC.innerHTML = strImg;
	}
	window.onload=generateIMG;
</script>
</head>
<body>
	<div id="container"></div>
</body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/183725-loopa-ut-bilder-med-array
