Avatar billede chriz7913 Nybegynder
07. juni 2010 - 10:09 Der er 4 kommentarer og
1 løsning

Respons når billede er loadet i jQuery

Hej alle I eksperter! :D
Jeg har et småt script, der først viser billedet når hele billedet er loadet, istedet for at det loader ned i ryk hvis billedet er stort og internet forbindelsen er langsom.

<script>
$(function () {
var theUrl=' http://content.wallpapers-room.com/resolutions/1440x900/C/Wallpapers-room_com___City_Night_Lights_03_by_Mellou_1440x900.jpg ';
  var img = new Image(theUrl);
  $(img).load();
  $("#bild").attr('src',theUrl);
});
</script>
<img src="loader.gif" id="bild">

Jeg kunne godt tænke mig at putte noget kode ind, så man har mulighed for at gøre noget når billedet er loadet, fx. køre en funktion eller noget...

Jeg har prøvet mig lidt frem, men uden held.
På forhånd tak!
Avatar billede j4k0b Nybegynder
07. juni 2010 - 10:42 #1
Du har ellers næsten fat i det:

$(img).load(function(){
    alert('Billedet af loaded!');
    alert($(this).attr('src'));
});
Avatar billede chriz7913 Nybegynder
07. juni 2010 - 16:16 #2
Har prøvet det, men jeg synes ikke helt det virker :/
eksempel: www.thedream.dk/jq.html
Avatar billede j4k0b Nybegynder
08. juni 2010 - 07:18 #3
Fejlen ligger her:

var img = new Image(theUrl);

Du skal ikke putte URL som parameter til Image (her skal du give størrelsen eller lade være blank).

Ret det til dette så virker det:

var img = new Image();
Avatar billede chriz7913 Nybegynder
08. juni 2010 - 08:53 #4
Men hvorfra ved jQuery så hvilket billede den skal loade?
Avatar billede j4k0b Nybegynder
09. juni 2010 - 04:53 #5
Det ved den fordi du sætter SRC-attributen på billedet:

$("#bild").attr('src', theUrl);
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester