Discussion :

[typiac]

Hello!

Je suis en train de coder un div avec jquery transit pour en faire un menu avec du parallax comme suit:

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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<div id="page-wrap">
		<div id="div1"></div>
                <div id="div1bis"></div>
                <div id="div1ter"></div>
 
			<div id="content">
					<div id="div2">	</div>
			</div>
					</div>
  				</div>
 			</div>
 
   <script>
	   $('#div1').hover(
        function () {
 
            $('#div2').transition({ x: -360 });
 
 
        });
 
		</script>
         <script>
	   $('#div1bis').hover(
        function () {
 
            $('#div2').transition({ x: -720 });
 
 
        });
 
		</script>
        <script>
	   $('#div1ter').hover(
        function () {
 
            $('#div2').transition({ x: -1080 });
 
 
        });
 
		</script>

Bon, le code est simple mais j'en suis au début. La transition se fait bien elle se fait avec une latence et assez lentement alors que je n'ai rien spécifié du point de vue de la vitesse....

Vous avez une idée du problème?

[SpaceFrog]

rajoute un duration ...

http://ricostacruz.com/jquery.transit/

Code :

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

$('#div2').transition({ x: -360 },500);

[typiac]

oui, j'ai tenté et ça gère très bien la vitesse d'exécution mais pas le démarrage.

Au survol de la première div, ça part tout de suite...mais dès la seconde, il y a presque une demi-seconde de latence!

[SpaceFrog]

ben il attend le ready de la page ?

[typiac]

Oui, c'est ça, je viens de le constater.

En fait la div que j'anime est large de 200% et même avec un gif en repeat de 600octet, c'est trop lourd...

Si je ne permet le repeat que sur l'axe "x", ça va tout de suite mieux. Il va falloir que je bidouille!

Merci beaucoup de vos retours!