Discussion :

[Invité]

Bonjour,
Étant complètement novice en JS, je rencontre des problèmes avec la modification du code de raptorize-kit, ce kit qui propose de faire apparaître une image (par défaut un vélociraptor) de façon animée.

Par défaut, l'image apparaît du bas de l'écran puis défile et disparaît par la gauche. Pour ma part, je souhaiterais que l'image arrive de droite (ça j'y suis arrivé) mais qu'elle s'arrête à un point particulier de l'écran, en l'occurrence la partie droite, autrement dit qu'elle ne disparaisse pas, le but étant justement qu'elle reste en permanence au premier plan du site. Ci-joint une capture d'écran de l'endroit où l'image (Harrison Ford / Jones) devrait rester (j'ai commencé le codage du site il y a 1 jour, donc il s'agit vraiment d'une ébauche !) :



Bref, j'aimerais que Jones apparaisse par la droite et reste fixe au même endroit que sur la capture d'écran ci-dessus (right: -200px).


Voici la partie du code que j'ai modifiée pour arriver à mon premier objectif. Je pense que c'est également dans cette partie-là que je dois modifier des infos pour rendre l'image définitivement statique à un point donné :

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
// Movement Hilarity	
raptor.animate({
	"top": "-25px"
}, function() { 			
	$(this).animate({
		"bottom" : "0"
	}, 100, function() {
		var offset = (($(this).position().left)+400);
		$(this).delay(300).animate({
			"right" : offset
		}, 2200, function() {
			raptor = $('#elRaptor').css({
				"top": "-25px",
				"right" : "-200px"
			})
			locked = false;
		})
	});
});

En espérant avoir été assez clair dans mes explications,
Merci par avance de votre aide.