Effet de changement de page avec du contenu html, pas juste des images! À l'aide de jQuery
J'ai une page web et je veux ajouter un bel effet de changement de page. J'ai vu beaucoup de plugins jQuery, mais j'ai eu quelques problèmes et dégoûts.
C'est ce que je veux:
- Alors que l'animation est en cours d'exécution, je dois être en mesure de voir le contenu dans le changement de page.
- Je ne veux pas juste de faire glisser le contenu. J'ai besoin de quelque chose qui ressemble à un livre de tourner la page.
Le plugin j'ai aimé le plus, c'est jFlip, mais il fonctionne avec des images. J'aimerais cet effet, mais travailler avec le langage HTML standard code.
Personne ne sait comment faire cela?
Merci!
- Le web n'est pas un livre =) Mais si c'est votre condition, vous pourriez avoir à utiliser de Flash ou Silverlight.
Vous devez vous connecter pour publier un commentaire.
Ne le jQuery Sexy Curls plugin en fonction de vos besoins? (tout en gardant à l'esprit qu'on va avoir exactement ce que vous voulez)
Vous devez utiliser une image pour donner l'impression de tourner la page.
A l'origine, j'ai écrit ceci: autant que je sache, il n'y a pas un seul vraiment génial de tourner les pages à effet de jQuery. Tous d'entre eux (quelques-uns) ont des lacunes. Voici mes conclusions:
EDIT: j'ai reconsidéré et maintenant je pense que imBookFlip est en effet un excellent tourner la page effet écrit en jQuery. Pourquoi j'ai changé d'avis? C'est parce que j'ai modifié le script moi-même pour surmonter une lacune de l'animation dans mon post original soufflet montre...
imBookFlip: http://grasshopperpebbles.com/ajax/jquery-plugin-imbookflip-page-turning-without-flash/
C'est exactement ce que nous recherchons... je veux dire, c'est presque! Il serait parfait si la page flipping effet de ne pas laisser la vieille image en place, seulement de le remplacer pour la nouvelle page après la rotation est terminée. Mais ce n'est pas que beaucoup d'un problème (VOIR ci-dessous MON SCRIPT MODIFIÉ AVEC CE PROBLÈME RÉSOLU)
Il est bon dans beaucoup de façons, car même si tous les échantillons sur la page (imBookFlip Démo) utilise apparemment seulement des images, il travaille avec des balises div, de sorte que tout le contenu est possible (dans les échantillons, ils ont utilisé les éléments div vides avec des images de fond, de sorte que vous pouvez combiner à la fois des images et du contenu). Je suis la création d'un portfolio pour ma femme, qui est Bibliothécaire, et je suis en utilisant ce composant pour créer un livre avec ses informations, c'est toujours un travail en cours, les polices de caractères utilisées ont été tout juste pour une vitrine, mais vous pouvez obtenir l'idée de prendre un coup d'oeil à: http://lucianasciammarella.com.br
EDIT: j'ai juste mis à jour le script pour rendre l'animation plus fluide en ne laissant pas la vieille image en place, lors de l'animation de la page flip. Maintenant, il semble beaucoup plus réaliste. Ma femme portefeuille page est déjà en cours d'exécution du script de mise à jour et il peut être téléchargé directement ici: http://lucianasciammarella.com.br/jquery.imBookFlip-0.6A.js
EDIT2: j'ai contacté l'auteur original et posté un commentaire sur le site avec mon script de mise à jour, mais il a étrangement simplement supprimé mon post sans réponse... je veux vraiment m'assurer que je ne veux pas approprié à la création de quelqu'un, comme je l'ai dit soufflet tout le crédit va à lui seul!
(gardez à l'esprit que tout ce que je fait a été d'ajouter deux lignes de code, tous les crédits vont à l'auteur original, et depuis je n'ai pas changer quoi que ce soit d'autre, pour apprendre à l'utiliser, veuillez consulter le site d'origine, ou de voir ma femme code source d'une page...)
Sponsor Flip Wall Avec jQuery: http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/
C'est un simple flip, mais étonnant à bien des égards. Il peut être étendu pour fonctionner comme une page de livre flip. Il fonctionne avec n'importe quel contenu. Le seul problème est qu'actuellement, il se retourne sur le centre de la page, et non pas comme la page d'un livre... (après tout il n'était pas prévu pour un effet page flip...)
Espère que ces deux peuvent vous aider... Maintenant, si vous voulez vraiment un pur effet page flip, vous pouvez utiliser DevExpress Silverlight composant de livre (aller à http://demos.devexpress.com/AgCoreDemos/ cliquez dans les Contrôles sur la gauche, puis choisissez le Livre ou Calendrier de démonstration)