12 de mayo 2009

Page Flip con jQuery - jFlip: Plugin de la semana - 12 de mayo

Publicado por: Mahbub En: Plugin de la semana | Plugins

Así que no es intermitente, después de todo para hacer todas las magias! Hemos visto y seguimos viendo Flash haciendo maravillas y magias. Una de las cosas interesantes que se desarrolló fue pageflip. Vi que por primera vez cuando yo estaba jugando con el flash en el período 2002-2003 Supongo que en FlashKit y actionscripts.org. Usted puede ver una versión pro muy buena de tal cosa aquí . Pero para nosotros, que quieren la mayoría de las cosas hechas en jQuery - tiene por fin una alternativa a esa cosa tirón de la página. No es una alternativa totalmente de flash pero no está mal para un efecto mínimo página de uso flip.

page_flip

Así es como se ve con un plugin llamado jFlip escrito por Renato en el Formato http://www.jquery.info/scripts/jFlip/demo.html

Las demostraciones de que las páginas que tiene diferentes configuraciones con algunas opciones. Y he creado uno con algunos de los coches mis sueños aquí

Espero que les guste la iniciativa de Renato.

29 Responses to "Page Flip con jQuery - jFlip: Plugin de la semana - 12 de mayo"

1 | Jenitha

18 de mayo 2009 a las 2:47 am

Avatar

Hola,

Esto no funciona en IE es? la forma de resolver este problema. Traté de trabajar en esto, pero no pudo. Por favor que alguien me ayude con esto.

2 | Mahbub

20 de mayo 2009 a las 5:34 am

Avatar

Hmm, sí, parece que IE es culpable de nuevo. Como desarrollador no debería decir esto, pero unirse a http://www.wedontsupportie.com/ .

3 | Autor

26 de julio 2009 a las 19:12

Avatar

Si usted dice que no debería decir algo, sin embargo, dicen que sigue siendo, ¿qué me dicen? Sí, sería bueno enviar a la papelera de IE, pero los desarrolladores del mundo real entender la necesidad de llegar a ese mercado todavía, por lo que en realidad no es una opción para los desarrolladores profesionales, ahora es así?

4 | Mahbub

26 de julio 2009 a las 7:24 pm

Avatar

@ Desarrollador:

Si nos fijamos en http://www.w3schools.com/browsers/browsers_stats.asp que se nota que los navegadores de Microsoft han perdido su mercado en gran medida. Y si Microsoft no proporciona las capacidades de su navegador para soportar las últimas tecnologías, serán automáticamente la basura. Si no empujar a la gente dejar de usar IE, los visitantes no lo saben. No es una opción para los desarrolladores profesionales de poner una gran parada usando IE, pero es que los desarrolladores profesionales que han cambiado la gente y va a cambiar la elección del pueblo de los navegadores.

5 | Kaan

12 de agosto 2009 a las 8:24 am

Avatar

Las estadísticas del mundo real, por favor. Dont nos dan las estadísticas sobre las páginas donde los desarrolladores y diseñadores navegar. Háblenos de New York Times, Yahoo MSN, o sus equivalentes locales.

6 | Mahbub

12 de agosto 2009 a las 9:09 am

Avatar

@ Kaan, lo que las estadísticas del W3C son irreales para usted? Estadísticas del W3C no me refiero a las estadísticas de tu navegador Web para las personas que visitan el sitio del W3C. Refleja la muestra de la población que ver con diferentes navegadores / etc os en la WWW. Es MSN, Yahoo o NYTimes dando estadísticas de público? Estoy seguro de que será un infierno más cerca de W3C estadísticas.

7 | Frank

24 de octubre 2009 a las 22:37

Avatar

Es un guión sorprendentemente buena, pero los problemas de IE es un sensacional para mí. Incluso si es sólo un problema en IE6, que es un problema importante - usted puede perder hasta uno de cada cinco navegadores. Si afecta a Internet Explorer 7, es posible que así lo olvides.

Me encantaría que la gente deje de usar el IE también, y difundir el Firefox y Chrome encanta cada vez que puedo, pero el hecho de la cuestión es que los desarrolladores necesitan para desarrollar para el futuro de la web, así como el presente. Si le dijera a mis clientes que tenía un gran guión que cuatro de cada cinco visitantes podían ver, me preguntaba lo que iba a usar en su lugar - el 20% de los clientes que podían perder no sería tolerado.

Así, mientras que es un guión bastante resbaladiza, no puede ser considerada como una solución profesional.

8 | Mahbub

25 de octubre 2009 a las 1:40 am

Avatar

Es de código abierto y libre. ¿Por qué no modificar el guión o la búsqueda de soluciones alternativas para el IE? Así es como funciona. Este es un script decente y una buena fuente de inspiración de lo que se puede hacer con javascript con navegadores avanzados. Toma, desarrollarlo divertirse con él.

9 | Renato Formato

30 de octubre 2009 a las 15:52

Avatar

El script funciona con IE, no siento que hemos señalado antes. Funciona gracias a la secuencia de comandos de Google hizo excanvas, o mejor, una versión especial modificada que escribí para apoyar jFlip.

El Mahbub demo muestra aquí con sus coches de ensueño no se encuentra el guión excanvas, por lo que no funciona con IE. Pruebe aquí http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

30 de octubre 2009 a las 7:51 pm

Avatar

Gracias Renato por venir a esta muestra las últimas actualizaciones. Pueden ser las excanvas no estaba allí cuando me escribió en su blog acerca de este 12 de mayo.

11 | Madan Gopal

31 de octubre 2009 a las 1:20 am

Avatar

¿Se puede mostrar los datos de contenido con la imagen
Por favor, dígame
¿Y cómo se hace con la galería de mover de un tirón la imagen
madangdhiman@gmail.com

Gracias

12 | Mahbub

31 de octubre 2009 a las 1:35 am

Avatar

@ Madan

Yo no creo que sea posible para animar texto con el plugin jFlip. Quizás usted puede utilizar este plugin flip http://lab.smashup.it/flip/

13 | Madan Gopal

31 de octubre 2009 a las 4:06 am

Avatar

Mahbub como su URL dada flip pligin 's

¿Puedo recoger con la tabla de base de datos.
Si tengo más campos de contenido entonces, ¿cómo he trabajado con él, o también si necesito sólo de izquierda a derecha mover de un tirón

Por favor, dígame

14 | Mahbub

31 de octubre 2009 a las 4:20 am

Avatar

El plugin no tiene nada que ver con la base de datos. Es hasta usted cómo usted está trayendo el contenido. Si usted puede generar los elementos de la lista en el plugin de DB, ¿por qué no de manera dinámica?

15 | Frank

13 de enero 2010 a las 21:26

Avatar

no trabajó para mí en IE7

16 | Mahbub

13 de enero 2010 a las 23:39

Avatar

Hola Frank,

La última versión del plugin, de hecho, funciona con IE con excanvas . Echa un vistazo a aquí en la página del proyecto original. http://www.jquery.info/scripts/jFlip/demo.html

Es un poco lento, pero funciona.

17 | sanjay

01 de julio 2010 a las 12:27 am

Avatar

hola! ¿Puedo añadir un enlace cuando el usuario hace clic en la página, después de haber movido de un tirón? hay que hacer esto pronto .. el hombre, gracias! por favor, póngase en contacto conmigo a través de correo electrónico.

18 | raloocka

11 de julio 2010 a las 16:08

Avatar

Gran plugin! Pero ¿cómo se puede poner un poco de contenido (textos o algunos divs) en lugar de imágenes?

19 | raloocka

11 de julio 2010 a las 16:25

Avatar

Es genial, me gusta mucho! Miré a través de la hopeing código que voy a encontrar una manera de mostrar la sostienen de mi div ("sólo un poco de texto?), Pero sin éxito : ( . Si hay una manera puede que me haga saber?

20 | Pedro

12 de agosto 2010 a las 10:05 am

Avatar

Parece bastante bueno, pero en Firefox no se ejecuta de la mejor manera que uno podría desear. Además, la página está distorsionado en mover de un tirón.

21 | Erik

12 de agosto 2010 a las 10:12 am

Avatar

Echa un vistazo a esta versión: http://www.jpageflip.de
Tenga en cuenta que hay varias características interesantes.
* Realista el comportamiento de mover de un tirón (estilo libro)
* Delante y la espalda de una página se animan durante el mover de un tirón
* Las imágenes transparentes (valores de las variables alfa se puede ajustar)

22 | Gregorio

28 de agosto 2010 a las 1:31 pm

Avatar

No está mal, pero jpageFlip ( http://www.jpageflip.de ) se ve bastante mejor que esta versión.

23 | Joe

18 de febrero 2011 a las 13:01

Avatar

Sí, el de http://www.jpageflip.de es realmente buena, pero tiene un pequeño problema ... que sólo funciona en IE9 + de acuerdo con el sitio de lol.
Así que supongo que la única solución real es utilizar el flash

24 | thirupathi

02 de marzo 2011 a las 12:11 am

Avatar

Hola,
¿Necesitas compatabilty iPhone por favor ...

25 | kalvinder

06 de septiembre 2011 a las 6:31 am

Avatar

ese gran trabajo ..... muy bueno

26 | Savita

11 de octubre 2011 a las 4:13 am

Avatar

Hola,
Por favor, ayuda ... en realidad necesito el iPhone compatible del mismo ..
Ayúdame.

27 | starsport

07 de diciembre 2011 a las 3:18 am

Avatar

Me gusta el aspecto de la imagen en el coche más de su función jQuery cojo.

28 | gtechpedia

13 de diciembre 2011 a las 8:31 pm

Avatar

Puedo usar estos plugins, pero a veces, no está funcionando correctamente, espero que Renato se actualizará estos plugins

29 | Virendra

10 de abril 2012 a las 3:11 am

Avatar

No es un nuevo plugin disponible, que es mejor que este plugin.

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

Formulario de Comentarios


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

Etiquetas