mooVcarrousel
Le but du jeu :
Un petit carrousel tout bête qui permet de faire défiler à peu près tout et n'importe quoi horizontalement et verticalement, mais c'est fou ce qu'on peut faire avec un peu d'imagination et bête carrousel...
Là, juste deux/trois exemples avec des images dans des liens mais rien n'empêche de faire défiler des div de contenu avec image(s), blabla and so on
Exemple bête
pour commencer, avec juste une bande d'images qui défile horizontalement (allez, deux par deux et avec un easing pour faire riche) chaque image incluse dans un lien déclenchant une image box, simple, efficace et à peu près aussi utile qu'un couteau à une poule, mais bon...
Exemple un poil moins bête
histoire de varier les plaisirs, cette fois le carrousel défile verticalement et met à jour le pavé de blabla à côté (voir ce qui se passe sur les méthodes onPrev et onNext)
zis is un div avec du blabla, toto raconte sa vie, ça vous dit ?
oeuf corse, if you click on zi image ça will ouvrir une fenêtre modale avec zi image en grand, pourquoi se priver
ce blabla est distribué sous license ultra propriétaire, protégé par copyright, déposé à l'inpi et à la société des auteurs compositeurs interprêtes
en revanche, histoire que vous me débarassiez de mes clients, le bidule façon carrousel est comme d'hab, no license, usage and abusage chaudement recommandé...
zis is un autre div avec du blabla, suite des avantures de toto...
ben tiens, pendant que je suis, je me présente, zis is mi, si, si, zis is un auto portrait à 3gr/litre !
évidemment, si vous voulez la jouer sérieux, ça pourrait être la description d'un produit ou autre du genre à mourir d'ennui qui lave plus blanc que blanc, etc, etc
au passage, comme j'ai abandonné définitivement l'espoir de dire des choses intelligentes, regardez plutôt dans le source pour voir comment fonctionne le bouzin
suite et fin des aventures de toto pour aujourd'hui
c'est'y pas beau ce qu'on peut faire avec une once de javascript et deux cuilleres à soupe de css ?
naturlich, tout ça marche grâce à mootools 1.2.1 comme à peu près tout ici, et, à la mode mootools, les css ont autant d'importance que le javascript
pour les ceusses qui se seraient posé la question, toutes les images utilisées dans les exemples sont des fractales pondues par ma pomme avec un programme génial et gratos : Apophysis
je vous pondrai sans doute sous peu un troisème exemple avec des trucs plus complexes à faire défiler mais ça donne déjà de quoi se faire une idée, et, en attendant :
Télécharger mooVcarrousel.js (pour mootools 1.2.1)
Have swing