Discussion :

[durnambule]

Bonjour,

j'ai un souci avec la fonction slidedown de Jquery.

J'ai créé un template avec une div qui s'affiche avec un slidedown.
Lorsque j'ouvre ma page web en local ça marche bien.

Par contre, une fois en ligne, l'effet devient saccadé.
D'où peut provenir ce souci ?
Pour voir la page en question : cliquez-ici

A noter qu'avec ie et chrome ça marche bien en ligne et en local !!

Je sèche pas mal, si vous pouvez m'éclaircir ou me donner une piste.

Merci à vous.

[SpaceFrog]

jquery étant interprété coté client ...
le seul element qui pourrait venir contrarier l'effet est un chargement simultané d'image ...
Perso je n'ai pas d'effet saccadé...

mais regarde plutot du coté du ready ou complete sur le chargement d'images ...

essaye de remplacer ton body onload par ceci

Code :

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

1
2
3
4
5
6
7
<script type="text/javascript">
$(function(){
	$('#global').slideDown(2000,function(){
 
	});
})
</script>

[durnambule]

jquery étant interprété coté client ...
le seul element qui pourrait venir contrarier l'effet est un chargement simultané d'image ...
Perso je n'ai pas d'effet saccadé...

mais regarde plutot du coté du ready ou complete sur le chargement d'images ...

Oui effectivement après quelques tests, c'est bien un problème de chargement de l'image d'arriere plan qui donne cet effet saccadé.

Connais-tu une fonction jquery permettant de vérifier si l'image d'un style est bien chargé ?


J'utilise firefox 4 pour info.

Merci beaucoup pour ton aide

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
<script type="text/javascript">
$(function(){
	$('#global').load(function(){$(this).slideDown(2000,function(){
 
	});
        })
})
</script>

[durnambule]

Alors, j'ai fonctionné de la manière suivante finalement et ça marche super :

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
<script type="text/javascript">
 
$(document).ready(
	function(){
		$('#carte').hide();
	}
);
 
 
$(window).load(function() {
    $('#carte').slideDown(2000);
 
});
 
</script>

Merci pour ton aide.