2012-11-02 3 views
0

J'ai une page web qui montre une galerie d'images pour la semaine en cours, et j'ai une barre de navigation haut de la page "prev" et "next" liens pour parcourir les galeries. Actuellement, un clic sur les liens provoque une actualisation complète de la page. Je pense que l'expérience utilisateur serait plus fluide si, lorsque nous cliquons sur "suivant", nous animons une diapositive du contenu de la page suivante de droite à gauche, et vice versa, si nous cliquons sur "prev", nous animons la semaine précédente. de gauche à droite (similaire à la façon dont les transitions de page fonctionnent dans une application mobile lorsque vous balayez). Notez, je n'ai pas besoin de détecter les gestes de balayage réels et je pense que le balisage mobile de jquery est exagéré.comment simuler des animations de transition de page dans un navigateur (similaire au balayage de page dans un mobile)?

Pour précharger les données qui vont glisser, je peux faire un appel ajax, ou même avoir les données préchargées dans json pour que je construise l'écran html de remplacement. J'utiliserai l'état de l'historique des fenêtres de html5 pour changer l'URL à l'emplacement réel vers lequel nous naviguerons. La seule chose que je n'ai pas pu trouver est de faire l'animation. J'ai regardé dans les carrousels, mais aucun d'entre eux ne fait tout ce que je veux. Existe-t-il une bibliothèque existante qui gère uniquement l'animation de la transition de page, avec un léger effet de rebond?

Merci.

EDIT: Je viens de trouver jquery.animate qui pourrait faire l'affaire.

Répondre

0

Il existe un grand nombre de bibliothèques de galeries d'images basées sur jQUery que vous pouvez choisir. Si vous ne pouvez pas en trouver un pour faire la transition entre les différentes galeries comme vous le souhaitez, il ne devrait pas être difficile d'utiliser jQuery pour charger de manière asynchrone de nouvelles galeries et ensuite les animer en place.

Questions connexes