12 maig 2009

Page Flip amb jQuery - jFlip: Plugin de la setmana - 12 de maig

Publicat per: Mahbub En: Plugin de la setmana | Plugins

Així que no és intermitent, després de tot per fer totes les màgies! Hem vist i continuem veient Flash fent meravelles i màgies. Una de les coses interessants que es va desenvolupar va ser pageflip. Vaig veure que per primera vegada quan jo estava jugant amb el flaix en el període 2002-2003 Suposo que en FlashKit i actionscripts.org. Vostè pot veure una versió pro molt bona de tal cosa aquí . Però per a nosaltres, que volen la majoria de les coses fetes en jQuery - té per fi una alternativa a aquesta cosa estirada de la pàgina. No és una alternativa totalment de flash però no està malament per a un efecte mínim pàgina d'usuari flip.

page_flip

Així és com es veu amb un plugin anomenat jFlip escrit per Renato en el Format http://www.jquery.info/scripts/jFlip/demo.html

Les demostracions de que les pàgines que té diferents configuracions amb algunes opcions. I he creat un amb alguns dels cotxes meus somnis aquí

Espero que els agradi la iniciativa de Renato.

29 Responses to "Page Flip amb jQuery - jFlip: Plugin de la setmana - 12 de maig"

1 | Jenitha

18 maig 2009 a les 02:47

Avatar

Hola,

Això no funciona en IE és? la forma de resoldre aquest problema. Vaig provar de treballar en això, però no va poder. Si us plau que algú m'ajudi amb això.

2 | Mahbub

20 maig 2009 a les 05:34

Avatar

Hmm, sí, sembla que IE és culpable de nou. Com a desenvolupador no hauria de dir això, però unir-se a http://www.wedontsupportie.com/ .

3 | Autor

26 juliol 2009 a les 19:12

Avatar

Si vostè diu que no hauria de dir alguna cosa, però, diuen que segueix sent, què em diuen? Sí, seria bo enviar a la paperera de l'IE, però els desenvolupadors del món real entendre la necessitat d'arribar a aquest mercat encara, pel que en realitat no és una opció per als desenvolupadors professionals, ara és així?

4 | Mahbub

26 juliol 2009 a les 07:24 pm

Avatar

@ Desenvolupador:

Si ens fixem en http://www.w3schools.com/browsers/browsers_stats.asp que es nota que els navegadors de Microsoft han perdut el seu mercat en gran mesura. I si Microsoft no proporciona les capacitats del seu navegador per suportar les últimes tecnologies, seran automàticament les escombraries. Si no empènyer la gent deixar de fer servir IE, els visitants no ho saben. No és una opció per als desenvolupadors professionals de posar una gran aturada usant IE, però és que els desenvolupadors professionals que han canviat la gent i canviarà l'elecció del poble dels navegadors.

5 | Kaan

12 agost 2009 a les 08:24

Avatar

Les estadístiques del món real, si us plau. Dont ens donen les estadístiques sobre les pàgines on els desenvolupadors i dissenyadors navegar. Parli'ns del New York Times, Yahoo MSN, o els seus equivalents locals.

6 | Mahbub

12 agost 2009 a les 09:09

Avatar

@ Kaan, la qual cosa les estadístiques del W3C són irreals per a vostè? Estadístiques del W3C no em refereixo a les estadístiques del teu navegador web per a les persones que visiten el lloc del W3C. Reflecteix la mostra de la població a veure amb diferents navegadors / etc us a la WWW. És MSN, Yahoo o NYTimes donant estadístiques de públic? Estic segur que serà un infern més a prop de W3C estadístiques.

7 | Frank

24 octubre 2009 a les 22:37

Avatar

És un guió sorprenentment bona, però els problemes de l'IE és un sensacional per a mi. Fins i tot si és només un problema en IE6, que és un problema important - vostè pot perdre fins un de cada cinc navegadors. Si afecta a Internet Explorer 7, és possible que així ho oblidis.

M'encantaria que la gent deixi d'usar l'IE també, i difondre el Firefox i Chrome encanta cada vegada que puc, però el fet de la qüestió és que els desenvolupadors necessiten per desenvolupar per al futur de la web, així com el present. Si li digués als meus clients que tenia un gran guió que quatre de cada cinc visitants podien veure, em preguntava el que anava a fer servir en el seu lloc - el 20% dels clients que podien perdre no seria tolerat.

Així, mentre que és un guió bastant relliscosa, no pot ser considerada com una solució professional.

8 | Mahbub

25 octubre 2009 a les 01:40

Avatar

És de codi obert i lliure. Per què no modificar el guió o la recerca de solucions alternatives per al IE? Així és com funciona. Aquest és un script decent i una bona font d'inspiració del que es pot fer amb javascript amb navegadors avançats. Té, desenvolupar-lo divertir-se amb ell.

9 | Renato Format

30 octubre 2009 a les 15:52

Avatar

L'script funciona amb IE, no sento que hem assenyalat abans. Funciona gràcies a la seqüència de comandaments de Google va fer excanvas, o millor, una versió especial modificada que vaig escriure per donar suport jFlip.

El Mahbub demo mostra aquí amb els seus cotxes de somni no es troba el guió excanvas, pel que no funciona amb IE. Proveu aquí http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

30 octubre 2009 a les 07:51 pm

Avatar

Gràcies Renato per venir a aquesta mostra les últimes actualitzacions. Poden ser les excanvas no hi era quan em va escriure al seu bloc sobre aquest 12 de maig.

11 | Madan Gopal

31 octubre 2009 a les 01:20

Avatar

Es pot mostrar les dades de contingut amb la imatge
Si us plau, digui
I com es fa amb la galeria de moure d'una tirada la imatge
madangdhiman@gmail.com

Gràcies

12 | Mahbub

31 octubre 2009 a les 01:35

Avatar

@ Madan

Jo no crec que sigui possible per animar text amb el plugin jFlip. Potser vostè pot utilitzar aquest plugin flip http://lab.smashup.it/flip/

13 | Madan Gopal

31 octubre 2009 a les 04:06

Avatar

Mahbub com el seu URL donada flip pligin 's

Puc recollir amb la taula de base de dades.
Si tinc més camps de contingut llavors, com he treballat amb ell, o també si necessito només d'esquerra a dreta moure d'una tirada

Si us plau, digui

14 | Mahbub

31 octubre 2009 a les 04:20

Avatar

El connector no té res a veure amb la base de dades. És fins vostè com vostè està portant el contingut. Si vostè pot generar els elements de la llista en el connector de DB, per què no de manera dinàmica?

15 | Frank

13 gener 2010 a les 21:26

Avatar

no va treballar per a mi en IE7

16 | Mahbub

13 gener 2010 a les 23:39

Avatar

Hola Frank,

L'última versió del plugin, de fet, funciona amb IE amb excanvas . Fes una ullada a aquí a la pàgina del projecte original. http://www.jquery.info/scripts/jFlip/demo.html

És una mica lent, però funciona.

17 | Sanjay

1 juliol 2010 a les 00:27

Avatar

hola! Puc afegir un enllaç quan l'usuari fa clic a la pàgina, després d'haver mogut d'una tirada? cal fer això aviat .. l'home, gràcies! poseu-vos en contacte amb mi a través de correu electrònic.

18 | raloocka

11 juliol 2010 a les 16:08

Avatar

Gran plugin! Però com es pot posar una mica de contingut (textos o alguns divs) en lloc d'imatges?

19 | raloocka

11 juliol 2010 a les 16:25

Avatar

És genial, m'agrada molt! Vaig mirar a través de la hopeing codi que vaig a trobar una manera de mostrar la sostenen del meu div ("només una mica de text?), Però sense èxit : ( . Si hi ha una manera potser em faci saber?

20 | Pedro

12 agost 2010 a les 10:05

Avatar

Sembla bastant bo, però en Firefox no s'executa de la millor manera que un podria desitjar. A més, la pàgina està distorsionat en moure d'una tirada.

21 | Erik

12 agost 2010 a les 10:12

Avatar

Fes una ullada a aquesta versió: http://www.jpageflip.de
Recordeu que hi ha diverses característiques interessants.
* Realista el comportament de moure d'una tirada (estil llibre)
* Davant i l'esquena d'una pàgina s'animen durant el moure d'una tirada
* Les imatges transparents (valors de les variables alfa es pot ajustar)

22 | Gregori

28 agost 2010 a les 1:31 pm

Avatar

No està malament, però jpageFlip ( http://www.jpageflip.de ) es veu bastant millor que aquesta versió.

23 | Joe

18 febrer 2011 a les 13:01

Avatar

Sí, el de http://www.jpageflip.de és realment bona, però té un petit problema ... que només funciona en IE9 + d'acord amb el lloc de lol.
Així que suposo que l'única solució real és utilitzar el flaix

24 | thirupathi

2 març 2011 a les 00:11

Avatar

Hola,
Necessites compatabilty iPhone si us plau ...

25 | kalvinder

6 set 2011 a les 06:31

Avatar

aquest gran treball ..... molt bo

26 | Savita

11 octubre 2011 a les 04:13

Avatar

Hola,
Si us plau, ajuda ... en realitat necessito l'iPhone compatible del mateix ..
Ajuda'ma.

27 | starsport

7 desembre 2011 a les 03:18

Avatar

M'agrada l'aspecte de la imatge en el cotxe més de la seva funció jQuery coix.

28 | gtechpedia

13 desembre 2011 a les 08:31 pm

Avatar

Puc usar aquests plugins, però de vegades, no està funcionant correctament, espero que Renato s'actualitzarà aquests plugins

29 | Virendra

10 abril 2012 a les 03:11

Avatar

No és un nou plugin disponible, que és millor que aquest plugin.

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

Formulari de Comentaris


Traductor

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

Etiquetes