Discussion :

[typiac]

Hello,

Je suis en train de mettre en place Jquery transit mais je fais face à un problème de latence dans l'exécution du script.

J'ai mis en place ce script pour contrôler la fluidité de l'analyse du survol de la souris:

Code :

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

1
2
3
4
5
6
7
8
9
10
<script>
    $("div").mousemove(function(e){
      var pageCoords = "( " + e.pageX + ", " + e.pageY + " )";
      var clientCoords = "( " + e.clientX + ", " + e.clientY + " )";
      $("span:first").text("( e.pageX, e.pageY ) : " + pageCoords);
      $("span:last").text("( e.clientX, e.clientY ) : " + clientCoords);
	  //$('#div2').transition({ x: -e.pageX });
    });
 
</script>

Et je me suis rendu compte que l'affichage des coordonnées avait du mal à se faire dès que je survolais les boutons sensés activer le script de transit:

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
<script>
$('#div1').mouseenter(
function (e) {
$('#div2').transition({ x: '0px' });
});
 
$('#div1bis').mouseenter(
function () {
$('#div2').transition({ x: '-600px' });
});
 
$('#div1ter').mouseenter(
function () {
$('#div2').transition({ x: '-900px' });
});
 
$('#div1qua').mouseenter(
function () {
$('#div2').transition({ x: '-1200px' });
});
</script>

Ce dernier script se trouvant dans le body, je tente de le mettre avant </head> mais ça ne fonctionne pas que j'utilise "type" ou "language":

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
 
<script language="javascript">
$('#div1').mouseenter(
function (e) {
$('#div2').transition({ x: '0px' });
});
 
$('#div1bis').mouseenter(
function () {
$('#div2').transition({ x: '-600px' });
});
 
$('#div1ter').mouseenter(
function () {
$('#div2').transition({ x: '-900px' });
});
 
$('#div1qua').mouseenter(
function () {
$('#div2').transition({ x: '-1200px' });
});
</script>

Qu'est ce qui tourne pas rond???

S'il y a des utilisateurs de jquery transit, je suis preneurs de retours sur la fluidité parce que même avec très peu de div et juste ce script, ça rame pas mal je trouve...

[typiac]

Bon, j'ai trouvé la réponse:

j'avais oublié de mettre

Code :

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

$(document).ready(function() {

Je reste sur ce topic pour ne pas polluer mais pour faire avancer mon chmilblick, j'ai un problème avec ce script:

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
<script>
$(document).ready(function() {
$('#a').mouseenter(
function (e) {
$('#div2').transition({ x: '0px' });
});
$('#space').mouseenter(
function (e) {
$('#div2').transition({ x: '-600px' });
});
$('#b').mouseenter(
function () {
$('#div2').transition({ x: '-1200px' });
});
$('#space2').mouseenter(
function (e) {
$('#div2').transition({ x: '-1800px' });
});
$('#c').mouseenter(
function () {
$('#div2').transition({ x: '-2400px' });
});
$('#space3').mouseenter(
function (e) {
$('#div2').transition({ x: '-3000px' });
});
$('#d').mouseenter(
function () {
$('#div2').transition({ x: '-3600px' });
});
});
</script>

Il exécute .transit (au survol de chaque div, ça décale la div2. Quand je survole chaque div l'une après l'autre, pas de problème, ça s'exécute bien.

Si je vais directement survoler la dernière div:

Code :

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

1
2
3
$('#d').mouseenter(
function () {
$('#div2').transition({ x: '-3600px' });

C'est super, ça va à fond les ballons.

Mais si je passe très rapidement au-dessus de chaque div, le script veut exécuter chaque mouvement de façon indépendante et saccade alors que je voudrai qu'il soit fluide.

Comment puis-je améliorer ça?

[typiac]

C'est bon, j'ai finalement trouvé, il y avait var queue = true; dans le plugin et il faut juste le passer sur false.....