12 Mai 2009

Page flip con jQuery - jFlip: Extensión da semana - 12 de maio

Publicado por: Mahbub In: Extensión da semana | Plugins

Polo tanto, non é intermitente, ao final, facer todas as maxias! Vimos e aínda ver de flash facendo marabillas e maxias. Unha das cousas legais que se desenvolveu foi pageflip. Vin que o primeiro cando estaba xogando co flash en 2002-2003 eu creo que en flashkit e actionscripts.org. Podes ver unha versión moi boa pro tal cousa aquí . Pero para nós, que queren máis das cousas feitas en jQuery - ten por fin unha alternativa a esa cousa principal flip. Non é unha alternativa totalmente de flash, pero non é malo para efecto mínimo uso principal flip.

page_flip

É así que se parece un plugin chamado jFlip escrito por Renato en formato http://www.jquery.info/scripts/jFlip/demo.html

As demostracións de que as páxinas ten configuracións distintas, con algunhas opcións. E eu creei un con algúns dos meus coches de soño aquí

Espero que che guste da iniciativa por Renato.

29 Responses to "Page Flip con jQuery - jFlip: Extensión da semana - 12 de maio"

1 | Jenitha

18 maio 2009 ás 2:47 pm

Avatar

Ola,

Isto non funciona no IE é? como resolver esta cuestión. Intento traballar sobre iso, pero non puido. Por favor, alguén me axudar con iso.

2 | Mahbub

20 de maio de 2009 ás 5:34 pm

Avatar

Hmm, si, parece IE é culpable de novo. Como un creador non debería dicir isto, pero unirse http://www.wedontsupportie.com/ .

3 | Desenvolvedor

26 de xullo de 2009 ás 07:12

Avatar

Se digo que non debe dicir algo, pero din que aínda, que é o que me dicir? Si, sería bo para o lixo do IE, pero os programadores do mundo real comprender a necesidade de acadar este mercado aínda, así que realmente non é unha opción para desenvolvedores profesionais, agora é?

4 | Mahbub

26 de xullo de 2009 ás 19:24

Avatar

@ Desenvolvedor:

Se ollar para http://www.w3schools.com/browsers/browsers_stats.asp notar que os navegadores de Microsoft perderon o seu mercado, en gran medida. E se a Microsoft non ofrece recursos a el é navegadores para soportar os máis recentes tecnoloxías, eles serán automaticamente lixo el. Se non empurrar as persoas deixan de usar IE, os visitantes non saben diso. Non é unha opción para desenvolvedores profesionais para poñer un STOP BIG usar IE, pero son os desenvolvedores profesionais que cambiaron as persoas e vai cambiar a elección do pobo de navegadores.

5 | Kaan

Agosto 12, 2009 en 8:24 am

Avatar

Estatísticas do mundo real, por favor. Non nos dan estatísticas sobre as páxinas onde os desenvolvedores e deseñadores navegar. Conta-nos sobre NYTimes, Yahoo MSN ou equivalentes locais.

6 | Mahbub

Agosto 12, 2009 en 09:09 am

Avatar

@ Kaan, So estatísticas do W3C son irreais para ti? Estatísticas do W3C non significan as estatísticas do navegador para as persoas que visitan o sitio web do W3C. Ela reflicte a mostra da poboación que navega con diferentes navegadores / etc OS Web. É MSN, Yahoo ou NYTimes dando estatísticas para público? Estou seguro de que vai ser un inferno máis preto W3C stats.

7 | Frank

24 de outubro de 2009 ás 22:37

Avatar

É un guión sorprendentemente boa, pero os problemas do IE son un empecilho para min. Aínda que sexa só un problema no IE6, é un gran problema - pode perder ata un de cada cinco navegadores. Se afecta o IE7, así como pode esquece-lo.

Encantaríame que a xente a deixar de usar o IE tamén, e eu espallar o Firefox e Chrome amar sempre que podo, pero o feito da cuestión é que os desenvolvedores precisan para desenvolver para o futuro da web, así como o presente. Se eu dixen aos meus clientes que eu tiña un gran guión que catro dos cinco visitantes puideron ver, me preguntan o que ía usar no lugar - 20% dos clientes que estaba a piques de perder non sería tolerada.

Así, aínda que é un script moi esvaradío, non pode ser considerada unha solución profesional.

8 | mahbub

25 de outubro de 2009 ás 1:40 pm

Avatar

É de código aberto e gratuíto. Por que non axustar a escritura ou atopar solucións alternativas para o IE? É así que funciona. Este é un script decente e unha boa inspiración do que se pode facer con javascript con navegadores avanzados. Leve-o, desenvolva a divertirse con el.

9 | Renato Formato

30 de outubro de 2009 ás 03:52

Avatar

O script funciona co IE, non me arrepinto de apuntar que antes. Funciona grazas a Google fixo guión excanvas, ou mellor, unha versión especial modificado que escribín para apoiar jFlip.

O mahbub demo mostra aquí cos seus coches de soño falta a escritura excanvas, polo tanto, non funciona co IE. Probe aquí http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

30 de outubro de 2009 ás 19:51

Avatar

Grazas Renato para deixar por aquí vendo as últimas actualizacións. Poden ser os excanvas non estaba alí cando eu escribín sobre iso o 12 de maio.

11 | Madan Gopal

31 de outubro de 2009 ás 1:20 pm

Avatar

Podemos mostrar datos de contido con imaxe
Por favor me diga
E como iso é feito con galería de imaxes lanzando
madangdhiman@gmail.com

Grazas

12 | Mahbub

31 de outubro de 2009 ás 1:35 pm

Avatar

@ Madan

Eu non creo que se pode animar o texto co plugin jFlip. Quizais pode utilizar o Flip Extensión aquí http://lab.smashup.it/flip/

13 | Madan Gopal

31 de outubro de 2009 ás 4:06 pm

Avatar

Mahbub como o seu Url flip pligin é dada

Podo buscalo á táboa de base de datos.
Se eu tivera máis campos de contidos, entón, como eu traballei con el ou, aínda, se eu ter só esquerda a dereita lanzando

Por favor me diga

14 | Mahbub

31 de outubro de 2009 ás 4:20 pm

Avatar

O plugin non ten nada que ver coa base de datos. É ata como se está traendo o contido. Se pode xerar os elementos da lista no plugin dinamicamente a partir de base de datos, por que non?

15 | Frank

13 xaneiro, 2010 ás 09:26

Avatar

non funcionou en IE7 para min

16 | Mahbub

13 xaneiro, 2010 ás 11:39

Avatar

Hey Frank,

O último plug-in, de feito funciona co IE usando excanvas . Bótalle un ollo aquí na páxina do proxecto orixinal. http://www.jquery.info/scripts/jFlip/demo.html

É un pouco lento, pero funciona.

17 | Sanjay

01 de xullo de 2010 ás 12:27 am

Avatar

ola! Creo unha ligazón cando o usuario fai clic na páxina, despois que virou? Debe facelo pronto .. o home grazas! entre en contacto comigo e-mail thru.

18 | raloocka

11 de xullo do 2010 en 04:08

Avatar

Great plugin! Pero como pode pór algún contido (textos ou algunhas divs) en vez de imaxes?

19 | raloocka

11 de xullo do 2010 en 16:25

Avatar

É gran, me gusta moito! Eu olhei través do hopeing código que vou atopar unha forma de amosar a loitar da miña div ("só algún texto?), Pero sen éxito : ( . Se hai un xeito que me pode deixar saber?

20 | peter

12 de agosto de 2010 ás 10:05 am

Avatar

Parece moi ben, pero en Firefox non funciona tan ben como se podería desexar. Ademais, a páxina está distorsionada durante inversión.

21 | Erik

12 de agosto de 2010 ás 10:12 am

Avatar

Bótalle un ollo nesta versión: http://www.jpageflip.de
Teña en conta que hai moitas características interesantes.
* Comportamento realista lanzando (estilo libro)
* Fronte e verso dunha páxina son animados durante lanzando
* Imaxes transparentes (valores alfa variable pode ser definida)

22 | Gregor

28 de agosto de 2010 ás 01:31

Avatar

non é malo pero jpageFlip ( http://www.jpageflip.de ) parece moito mellor que esta versión.

23 | Joe

18 de febreiro, 2011 ás 13:01

Avatar

Si, aquel en http://www.jpageflip.de é realmente bo, pero ten un pequeno problema ... el só funciona no IE9 + de acordo co lol web.
Entón eu creo que a única solución real é empregar o Flash

24 | thirupathi

02 marzo de 2011 ás 12:11 am

Avatar

Ola,
Necesita compatabilty iPhone por favor ...

25 | kalvinder

06 de setembro de 2011 ás 6:31 pm

Avatar

que gran ..... traballo moi bo

26 | Savita

11 de outubro de 2011 ás 4:13 pm

Avatar

Ola,
Por favor, axude ... de feito eu teño mesmo iPhone compatible ..
Axúdeme.

27 | starsport

07 de decembro de 2011 ás 3:18 pm

Avatar

Gústame o ollar para a imaxe do coche máis que a súa función jquery coxo.

28 | gtechpedia

13 de decembro de 2011 ás 20:31

Avatar

Eu uso este plug-ins, pero ás veces, non funciona correctamente, eu espero que Renato será actualizado este plugins

29 | Virendra

10 de abril de 2012 ás 3:11 pm

Avatar

Existe un novo plugin dispoñible, que é mellor que este plugin.

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

Comentar Forma


Tradutor

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