web-dev-qa-db-fra.com

Vous cherchez un diaporama avec des éléments retardés

Je recherche un script de diaporama utilisant un délai pour les éléments de diapositive individuels. Fabriqué de préférence avec jQuery et avec un design Web réactif à l’esprit. Il est plus facile de comprendre ce que je veux dire si vous regardez la version de Apple ici

1
Tony Bolero

Séquence a une démonstration inspirée du style d'Apple, en particulier du galerie des fonctionnalités de l'iPhone 4s . Celui-ci permet des animations CSS arbitraires (rotation, etc.)

LayerSlider n'est pas gratuit (bien que seulement 7 $) et se concentre sur l'animation de parallaxe de haut en bas/à droite/à gauche. Il y a aussi une version intégrée à WordPress (au cas où vous l'utiliseriez) qui peut gérer un tas de la configuration d'animation fastidieuse pour vous via l'interface utilisateur; regardez le didacticiel vidéo pour plus de détails.

0
Su'

Cela semble être un diaporama html5 et css3 pur utilisant un <div> avec une série d’éléments enfant <figure>, chacun contenant une partie de la transition "retardée" - chaque "diapositive" est en fait un groupe de plusieurs images commençant leurs transitions à des moments différents.

Il ne semble pas y avoir de diaporama exact qui réponde à vos besoins CCSlider (demo 4) autorise les textes mobiles apparaissant comme un glissement sur une image, révèle.js incline également vers certains de ces effets. diaporama MooTools autorise les éléments enfants temporisés.

1
toomanyairmiles

Si vous voulez le contrôler avec jQuery, je suggérerais jQuery Tools de flowplayer, c'est ce que j'utilise.

http://flowplayer.org/tools/index.html

1
csmiddy