Comment attendre qu'une image soit chargée

Bonjour,

J'ai un code assez simple qui va dimensionner la hauteur d'une colonne en fonctione de la hauteur de l'image.
Parfois, principalement que je charge pour la premiere fois la page, la colonne n'est pas dimensionnée. J'ai comme l'impression que le sciprt est excécuté avant que l'image est totalement chargée.

Donc pour etre sûre, j'aimerais que le script soit excécuté quand l'image est chargée.
Après avoir cherché sur le net, J'ai donc essayé ceci:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function bg_heigh(){   $(".imgbg").load(function(){   if($(window).width() < 768) { $('.bg').height($('#xs-image').height()); } else { $('.bg').height($('#large-image img').height()); } });   }

---

Mais j'ai ce message d'erreur:

Citation:

---

TypeError: e.indexOf is not a function[Learn More]

---

Comment feriez-vous pour que ceci soit excécuté après que l'image soit totalement chargle

Code:

---

1 2 3 4 5 6 7 8

if($(window).width() < 768) { $('.bg').height($('#xs-image').height()); } else { $('.bg').height($('#large-image img').height()); }

---

Merci pour vos lumières

à quel moment appelles-tu la fonction ?

Hello

J'ai donc cette fonction

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function bg_heigh(){ $(".imgbg").load(function(){   if($(window).width() < 768) { $('.bg').height($('#xs-image').height()); } else { $('.bg').height($('#large-image img').height()); } });   }

---

et dans document.ready, il l'appelle

Code:

---

1 2 3

$(document).ready(function(){ bg_heigh(); })

---

Bonjour,
avec

Code:

---

1 2 3

$(document).ready(function(){ // .. })

---

cela te garanti que le DOM est prêt, pas que les images sont chargées.

Regarde du côté de

Code:

---

1 2 3

$( window ).on( "load", function() { // .. });

---

ou directement sur le .load des images ...

Bonsoir,
ou sinon utiliser
Image()