3 svar · 481 visningar · startad av clacke
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....
Ä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().
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.
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>