---
title: "Ladda in en bild med superenkel preloader"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/140834-ladda-in-en-bild-med-superenkel-preloader"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "oskob"
published: "2006-01-14T11:31:53.000Z"
updated: "2006-01-15T19:58:51.000Z"
replies: 3
views: 257
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/140834-ladda-in-en-bild-med-superenkel-preloader"
---

# Ladda in en bild med superenkel preloader

## #1 — oskob, 2006-01-14T11:31Z

Jag omformulerar min fråga:

Hur skriver man för att ladda en bild dynamiskt med "var myImage = new Image;" och sen vänta tills den laddats klart för att då visa den.

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

## #2 — oskob, 2006-01-14T16:40Z

Det jag vill är att den ska skriva ut lite kod när man klickar som visar en gif som visar att den laddar, sen när den är laddad ska giffen bort och bilden in.

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

## #3 — Peter S, 2006-01-14T17:18Z

```
<script type="text/javascript">

function showImg(src){
  var elm = document.getElementById("loader");
  elm.style.visibility = "visible";

  var img = new Image();
  img.onload = function(){
    elm.style.visibility = "hidden";
    document.images["img"].src = this.src;
  }
  img.src = src;
}

</script>

<div id="loader" style="visibility:hidden;position:absolute;width:200px;height:100px;left:50%;top:50%;margin-left:-100px;margin-top:-50px;border:2px solid #777;background-color:#eee">Laddar-bild här</div>
<a href="javascript:showImg('foo.png')">Visa bild</a>

<img src="" name="img">
```

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

## #4 — oskob, 2006-01-15T19:58Z

Ah! img.onload var det jag sökte :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/140834-ladda-in-en-bild-med-superenkel-preloader