Discussion :

[pierrot10]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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:

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

à quel moment appelles-tu la fonction ?

[pierrot10]

Hello

J'ai donc cette fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(document).ready(function(){
bg_heigh();
})

[NoSmoking]

Bonjour,
avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SpaceFrog]

ou directement sur le .load des images ...

[bonjourajax]

Bonsoir,
ou sinon utiliser
Image()