12 mai 2009

Retourner la page avec jQuery - jFlip: Plugin de la semaine - 12 mai

Posté par: Mahbub Dans: Plugin de la semaine | Les Plugins

Donc, ce n'est pas clignoter après tout de faire toutes les magies! Nous avons vu et voyons encore éclair fait des merveilles et de la magie. Une des choses cool qui a été développé était pageflip. J'ai vu que le premier, quand je jouais avec le flash en 2002-2003, je suppose dans Flashkit et actionscripts.org. Vous pouvez voir une très bonne version pro d'une telle chose ici . Mais pour nous, qui veulent la plupart des choses dans jQuery - a enfin une alternative à cette chose de chiquenaude de page. Ce n'est pas une solution de rechange pleinement de flash, mais pas mal pour effet de l'utilisation minimale Page flip.

page_flip

C'est à quoi il ressemble avec un plugin appelé jFlip écrit par Renato Formato à http://www.jquery.info/scripts/jFlip/demo.html

Les démos sur que les pages a des configurations différentes avec certaines options. Et j'ai créé un avec certains de mes voitures de rêve ici

J'espère que vous aimez l'initiative prise par Renato.

29 Responses to "flip page avec jQuery - jFlip: Plugin de la semaine - 12 mai"

1 | Jenitha

18 mai 2009 à 2:47 am

Avatar

Salut,

Cela ne fonctionne pas dans IE est-il? comment résoudre ce problème. J'ai essayé de travailler sur cela, mais pas en mesure de. S'il vous plaît quelqu'un m'aider à ce sujet.

2 | Mahbub

20 mai 2009 à 5:34 am

Avatar

Hmm, oui, il semble IE est coupable nouveau. En tant que développeur, je ne devrais pas dire cela, mais rejoindre http://www.wedontsupportie.com/ .

3 | Développeur

26 juillet 2009 à 19h12

Avatar

Si vous dites que vous ne devriez pas dire quelque chose, mais il dit encore, qu'est-ce que me le dire? Oui, ce serait bien dans la corbeille IE, mais les développeurs du monde réel à comprendre la nécessité de frapper ce marché encore, si ce n'est vraiment pas une option pour les développeurs professionnels, maintenant est-il?

4 | Mahbub

26 juillet 2009 à 19h24

Avatar

@ Développeur:

Si vous regardez http://www.w3schools.com/browsers/browsers_stats.asp vous remarquerez que les navigateurs de Microsoft ont perdu leur marché dans une grande mesure. Et si Microsoft ne fournit pas de capacités de ses navigateurs pour soutenir toutes dernières technologies, ils seront automatiquement la corbeille. Si nous ne poussons pas les gens à cesser d'utiliser IE, les visiteurs ne le saurons pas. Ce n'est pas une option pour les développeurs professionnels pour mettre un terme BIG en utilisant IE, mais ce sont les développeurs professionnels qui ont changé les gens et changer le choix du peuple de navigateurs.

5 | Kaan

12 août 2009 à 8:24 am

Avatar

Les statistiques du monde réel s'il vous plaît. Ne nous donner des statistiques sur les pages où les développeurs et les concepteurs de parcourir. Parlez-nous de NYTimes, MSN ou Yahoo équivalents locaux.

6 | Mahbub

12 août 2009 à 9:09 am

Avatar

@ Kaan, donc les statistiques du W3C sont irréels pour vous? Statistiques du W3C ne signifie pas que les stats du navigateur pour les personnes visitant le site du W3C. Il reflète l'échantillon de la population qui navigue avec les différents navigateurs / etc os sur le WWW. Est-MSN, Yahoo ou NYTimes donnant stats au public? Je suis sûr qu'ils vont être plus proche de l'enfer w3c stats.

7 | Frank

24 octobre 2009 à 22h37

Avatar

C'est un script étonnamment bonne, mais les problèmes d'IE sont un écueil pour moi. Même si c'est juste un problème dans IE6, c'est un problème majeur - vous risquez de perdre jusqu'à une personne sur cinq navigateurs. Si elle affecte IE7, vous pouvez aussi bien l'oublier.

J'aimerais que les gens à cesser d'utiliser IE aussi, et j'ai étendu le Firefox et Chrome aime quand je le peux, mais le fait de la question, c'est que les développeurs ont besoin de développer pour l'avenir de l'Internet ainsi que le présent. Si j'ai dit à mes clients j'ai eu un bon scénario que quatre des cinq visiteurs pouvaient voir, ils me demandaient ce qui se passait à utiliser à la place - 20% des clients qu'ils risquaient de perdre ne serait pas tolérée.

Ainsi, alors que c'est un script assez lisse, il ne peut pas être considérée comme une solution professionnelle.

8 | mahbub

25 octobre 2009 à 1:40 am

Avatar

C'est gratuit et open source. Pourquoi ne pas modifier le script ou trouver des solutions alternatives pour IE? C'est comment cela fonctionne. C'est un script décent et une bonne inspiration de ce qui peut être fait avec javascript avec les navigateurs avancés. Prenez-le, de développer l'avoir du plaisir avec elle.

9 | Renato Formato

30 octobre 2009 à 15h52

Avatar

Le script fonctionne avec IE, désolé de ne pas avoir signalé cela auparavant. Il fonctionne grâce à la google fait un script excanvas, ou mieux, une version spéciale modifiée, j'ai écrit à l'appui jFlip.

La démo montre Mahbub ici avec ses voitures de rêve qui manque le script excanvas, par conséquent, il ne fonctionne pas avec IE. Essayez ici http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

30 octobre 2009 à 19h51

Avatar

Merci Renato pour arrêter par ici montrant les dernières mises à jour. Peut-être les excanvas n'était pas là quand je blogué à ce sujet dans le 12 mai.

11 | Madan Gopal

31 octobre 2009 à 1:20 am

Avatar

Peut-on afficher les données de contenu à l'image
S'il vous plaît dites-moi
Et comment cela se fait avec la galerie d'image retournement
madangdhiman@gmail.com

Merci

12 | Mahbub

31 octobre 2009 à 1:35 am

Avatar

@ Madan

Je ne pense pas qu'il soit possible d'animer le texte avec le plugin jFlip. Peut-être que vous pouvez utiliser Plugin flip ici http://lab.smashup.it/flip/

13 | Madan Gopal

31 octobre 2009 à 4:06 am

Avatar

Mahbub que votre Url flip Pliguine l 'donnée

Puis-je aller le chercher avec une table de base de données.
Si je dois champs de contenu plus comment j'ai travaillé avec lui ou encore si j'ai besoin seulement de gauche à droite retournement

S'il vous plaît dites-moi

14 | Mahbub

31 octobre 2009 à 4:20 am

Avatar

Le plugin n'a rien à voir avec la base de données. C'est jusqu'à vous comment vous apportent le contenu. Si vous pouvez générer les éléments de la liste dans le plugin dynamiquement à partir de DB, pourquoi pas?

15 | franche

13 janvier 2010 à 21h26

Avatar

n'a pas travaillé dans IE7 pour moi

16 | Mahbub

13 janvier 2010 à 23h39

Avatar

Hey Frank,

Le dernier plugin en fait fonctionne avec IE en utilisant excanvas . Jetez un oeil à ici dans la page initiale du projet. http://www.jquery.info/scripts/jFlip/demo.html

C'est un peu lent, mais fonctionne.

17 | Sanjay

1 juillet 2010 à 12:27 am

Avatar

Salut! puis-je ajouter un lien lorsque l'utilisateur a cliqué sur le page, après l'avoir renversé? besoin de faire cela bientôt .. l'homme grâce! s'il vous plaît me contacter par email à travers.

18 | raloocka

11 juillet 2010 à 16h08

Avatar

Plug-in Great! Mais comment pouvez-vous mettre un peu de contenu (textes ou certains divs) au lieu des images?

19 | raloocka

11 juillet 2010 à 16h25

Avatar

Il est grand, je l'aime beaucoup! J'ai regardé par la hopeing le code que je vais trouver un moyen de montrer la soutiennent de mon div ("juste un peu de texte?), Mais sans succès : ( . Si il ya une façon pouvez-vous me faire savoir?

20 | peter

12 août 2010 à 10h05

Avatar

Semble plutôt bonne, mais dans firefox il ne fonctionne pas aussi bien que l'on peut souhaiter. En outre, la page est déformée pendant retournement.

21 | Erik

12 août 2010 à 10:12 am

Avatar

Jetez un oeil à cette version: http://www.jpageflip.de
Notez qu'il existe plusieurs fonctionnalités intéressantes.
* Comportement réaliste retournement (style livre)
Avant * et à l'arrière d'une page sont animés au cours de retournement
* Les images transparentes (valeurs alpha variables peuvent être définies)

22 | Gregor

28 août 2010 à 13:31

Avatar

pas mal mais jpageFlip ( http://www.jpageflip.de ) semble tout à fait mieux que cette version.

23 | Joe

18 février 2011 à 13h01

Avatar

Oui, l'un à http://www.jpageflip.de est vraiment bon, mais il a un petit problème ... il ne fonctionne que dans IE9 + selon le site de lol.
Donc je suppose que la seule vraie solution est d'utiliser le Flash

24 | Thirupathi

2 mars 2011 à 12:11 am

Avatar

Salut,
Besoin d'Compatibilité en iPhone s'il vous plaît ...

25 | kalvinder

6 septembre 2011 à 6:31 am

Avatar

ce grand ..... travaille très bonne

26 | Savita

11 octobre 2011 à 4:13 am

Avatar

Bonjour,
S'il vous plaît aider ... en fait j'ai besoin de l'iPhone même compatible ..
Aidez-moi.

27 | starsport

7 décembre 2011 à 3:18 am

Avatar

J'aime bien le look à l'image de voiture de plus de votre fonction jquery boiteux.

28 | gtechpedia

13 décembre 2011 à 20h31

Avatar

J'utilise ces plugins, mais parfois, ça ne fonctionne pas correctement, j'espère que Renato sera mis à jour ces plugins

29 | Virendra

10 avril 2012 à 3:11 am

Avatar

Il ya un nouveau plugin disponible qui est mieux que ce plugin.

http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using.html

Formulaire de commentaires


Traducteur

English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

Mots-clés