MB

Marine

Beltus

Javascript TFA

Slider

Fonctionnement

Le script fait une transition sur l'image visible pour laisser apparaître la suivante qui elle aura, une fois que le transitionend a détecté la fin de la transition, une class pour dire que c'est celle-là qui est maintenant visible. À la fin de la liste de photos, il revient à la première.

music

Drag

Fonctionnement

Pour réaliser ce drag, j'ai utilisé un plugin : Hammer. Le principe du drag est de cliquer (sans lacher le clique de la souris) et de bouger la souris, l'élément suivra la souris.

Dans cet exemple seul l'axe des X est géré (l'arrêt de la pastille, le mouvement pour que la pastille suive la souris de gauche à droite et de droite à gauche) pour que la pastille suive la ligne uniquement.

Une autre ligne a été créée et gérée également pour qu'elle suive la pastille pour que la ligne puisse changer de couleur au fur et à mesure qu'on fasse glisser la pastille sur la première ligne.