10.3: Diapos: décalage avec .css()

Pour afficher l'escargot on pouvait utiliser

$('#dia-images').css('left',-1200)
Écrivez maintenant le fichier JS permettant de passer d'une image à l'autre lorsqu'on clique sur les flèches.

Indications :

Avec la fonction .css() vous pouvez aussi récupérer la position actuelle:

$('#dia-images').css('left')

(remarquez qu'il n'y a qu'un seul argument donné dans ce cas à .css() )

Cette fonction renvoie une chaîne de caractères (par exemple : "-123px" ).
Pour la transformer en nombre utilisez la fonction parseInt()

N'oubliez pas d'empêcher l'utilisateur de dépasser à droite ou à gauche.


La prochaine page contient une correction.
Pour bien apprendre, c'est très important de faire les exercices au complet avant de regarder la correction. Si quelque-chose ne vous paraît pas clair, demandez à votre enseignant.