12 mai 2009

Page flip com jQuery - jFlip: Plugin da semana - 12 de maio

Postado por: Mahbub In: Plugin da semana | Plugins

Portanto, não é intermitente, afinal, fazer todas as magias! Vimos e ainda ver de flash fazendo maravilhas e magias. Uma das coisas legais que foi desenvolvido foi pageflip. Eu vi que o primeiro quando eu estava jogando com o flash em 2002-2003 eu acho que em flashkit e actionscripts.org. Você pode ver uma versão muito boa pro tal coisa aqui . Mas para nós, que querem mais das coisas feitas em jQuery - tem finalmente uma alternativa a essa coisa page flip. Não é uma alternativa totalmente de flash, mas não é mau para efeito mínimo uso page flip.

page_flip

É assim que se parece com um plugin chamado jFlip escrito por Renato em Formato http://www.jquery.info/scripts/jFlip/demo.html

As demonstrações de que as páginas tem configurações diferentes, com algumas opções. E eu criei um com alguns dos meus carros de sonho aqui

Espero que você goste da iniciativa por Renato.

29 Responses to "Page Flip com jQuery - jFlip: Plugin da semana - 12 de maio"

1 | Jenitha

18 maio de 2009 às 2:47 am

Avatar

Oi,

Isso não funciona no IE é? como resolver esta questão. Eu tentei trabalhar sobre isso, mas não conseguiu. Por favor, alguém me ajudar com isso.

2 | Mahbub

20 de maio de 2009 às 5:34 am

Avatar

Hmm, sim, parece IE é culpado novamente. Como um desenvolvedor eu não deveria dizer isto, mas se juntar http://www.wedontsupportie.com/ .

3 | Desenvolvedor

26 de julho de 2009 às 07:12

Avatar

Se você disser que você não deve dizer alguma coisa, mas dizem que ainda, o que é que me dizer? Sim, seria bom para o lixo do IE, mas os desenvolvedores do mundo real compreender a necessidade de atingir esse mercado ainda, de modo que realmente não é uma opção para desenvolvedores profissionais, agora é?

4 | Mahbub

26 de julho de 2009 às 19:24

Avatar

@ Desenvolvedor:

Se você olhar para http://www.w3schools.com/browsers/browsers_stats.asp você notar que os navegadores da Microsoft perderam seu mercado, em grande medida. E se a Microsoft não fornece recursos a ele é navegadores para suportar os mais recentes tecnologias, eles serão automaticamente lixo ele. Se não empurrar as pessoas deixam de usar o IE, os visitantes não sabem disso. Não é uma opção para desenvolvedores profissionais para colocar um STOP BIG usando o IE, mas são os desenvolvedores profissionais que mudaram as pessoas e vai mudar a escolha do povo de navegadores.

5 | Kaan

Agosto 12, 2009 em 8:24 am

Avatar

Estatísticas do mundo real, por favor. Não nos dão estatísticas sobre as páginas onde os desenvolvedores e designers navegar. Conte-nos sobre NYTimes, Yahoo MSN ou equivalentes locais.

6 | Mahbub

Agosto 12, 2009 em 09:09 am

Avatar

@ Kaan, So estatísticas do W3C são irreais para você? Estatísticas do W3C não significam as estatísticas do navegador para as pessoas que visitam o site do W3C. Ela reflete a amostra da população que navega com diferentes navegadores / etc OS na WWW. É MSN, Yahoo ou NYTimes dando estatísticas para público? Tenho certeza de que vai ser um inferno mais perto w3c stats.

7 | Frank

24 de outubro de 2009 às 22:37

Avatar

É um roteiro surpreendentemente boa, mas os problemas do IE são um empecilho para mim. Mesmo que seja apenas um problema no IE6, é um grande problema - você pode perder até um em cada cinco navegadores. Se afeta o IE7, assim como você pode esquecê-lo.

Eu adoraria que as pessoas a parar de usar o IE também, e eu espalhar o FireFox e Chrome amar sempre que posso, mas o fato da questão é que os desenvolvedores precisam para desenvolver para o futuro da web, bem como o presente. Se eu disse aos meus clientes que eu tinha um ótimo roteiro que quatro dos cinco visitantes puderam ver, eles me perguntam o que iria usar no lugar - 20% dos clientes que estava prestes a perder não seria tolerada.

Assim, embora seja um script muito escorregadio, não pode ser considerada uma solução profissional.

8 | mahbub

25 de outubro de 2009 às 1:40 am

Avatar

É open source e gratuito. Por que não ajustar o script ou encontrar soluções alternativas para o IE? É assim que funciona. Este é um script decente e uma boa inspiração do que pode ser feito com javascript com navegadores avançados. Leve-o, desenvolva-se divertir com ele.

9 | Renato Formato

30 de outubro de 2009 às 03:52

Avatar

O script funciona com o IE, não me arrependo de ter apontado isso antes. Ela funciona graças ao google fez roteiro excanvas, ou melhor, uma versão especial modificado que eu escrevi para apoiar jFlip.

O mahbub demo mostra aqui com seus carros de sonho está faltando o script excanvas, portanto, ele não funciona com o IE. Tente aqui http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

30 de outubro de 2009 às 19:51

Avatar

Graças Renato para parar por aqui mostrando as últimas atualizações. Podem ser os excanvas não estava lá quando eu escrevi sobre isso em 12 de maio.

11 | Madan Gopal

31 de outubro de 2009 às 1:20 am

Avatar

Podemos mostrar dados de conteúdo com imagem
Por favor me diga
E como isso é feito com galeria de imagens lançando
madangdhiman@gmail.com

Obrigado

12 | Mahbub

31 de outubro de 2009 às 1:35 am

Avatar

@ Madan

Eu não acho que é possível animar o texto com o plugin jFlip. Talvez você pode usar o Flip Plugin aqui http://lab.smashup.it/flip/

13 | Madan Gopal

31 de outubro de 2009 às 4:06 am

Avatar

Mahbub como seu Url flip pligin é dada

Posso buscá-lo com a tabela de banco de dados.
Se eu tiver mais campos de conteúdo, então, como eu trabalhei com ele ou, ainda, se eu precisar apenas esquerda para a direita lançando

Por favor me diga

14 | Mahbub

31 de outubro de 2009 às 4:20 am

Avatar

O plugin não tem nada a ver com banco de dados. É até você como você está trazendo o conteúdo. Se você pode gerar os elementos da lista no plugin dinamicamente a partir de banco de dados, por que não?

15 | frank

13 janeiro, 2010 às 09:26

Avatar

não funcionou em IE7 para mim

16 | Mahbub

13 janeiro, 2010 às 11:39

Avatar

Hey Frank,

O último plug-in, na verdade funciona com o IE usando excanvas . Dê uma olhada aqui na página do projeto original. http://www.jquery.info/scripts/jFlip/demo.html

É um pouco lento, mas funciona.

17 | sanjay

01 de julho de 2010 às 12:27 am

Avatar

oi! Posso adicionar um link quando o usuário clicar na página, depois que ele virou? precisa fazer isso logo .. o homem obrigado! entre em contato comigo e-mail thru.

18 | raloocka

11 de julho, 2010 em 04:08

Avatar

Great plugin! Mas como você pode colocar algum conteúdo (textos ou algumas divs) em vez de imagens?

19 | raloocka

11 de julho, 2010 em 16:25

Avatar

É ótimo, eu gosto muito! Eu olhei através do hopeing código que vou encontrar uma maneira de mostrar a lutar da minha div ("apenas algum texto?), Mas sem sucesso : ( . Se há uma maneira você pode me deixar saber?

20 | peter

12 de agosto de 2010 às 10:05 am

Avatar

Parece muito bom, mas no firefox ele não funcionar tão bem quanto se poderia desejar. Além disso, a página está distorcida durante inversão.

21 | Erik

12 de agosto de 2010 às 10:12 am

Avatar

Dê uma olhada nesta versão: http://www.jpageflip.de
Note que existem várias características interessantes.
* Comportamento realista lançando (estilo livro)
* Frente e verso de uma página são animados durante lançando
* Imagens transparentes (valores alfa variável pode ser definida)

22 | Gregor

28 de agosto de 2010 às 01:31

Avatar

não é mau mas jpageFlip ( http://www.jpageflip.de ) parece muito melhor do que esta versão.

23 | Joe

18 de fevereiro, 2011 às 13:01

Avatar

Sim, aquele em http://www.jpageflip.de é realmente bom, mas tem um pequeno problema ... ele só funciona no IE9 + de acordo com o lol site.
Então eu acho que a única solução real é usar o Flash

24 | thirupathi

02 março de 2011 às 12:11 am

Avatar

Oi,
Necessita compatabilty iPhone por favor ...

25 | kalvinder

06 de setembro de 2011 às 6:31 am

Avatar

que grande ..... trabalho muito bom

26 | Savita

11 de outubro de 2011 às 4:13 am

Avatar

Olá,
Por favor, ajude ... na verdade eu preciso mesmo iPhone compatível ..
Ajude-me.

27 | starsport

07 de dezembro de 2011 às 3:18 am

Avatar

Gosto do olhar para a imagem do carro mais do que sua função jquery coxo.

28 | gtechpedia

13 de dezembro de 2011 às 20:31

Avatar

Eu uso este plug-ins, mas às vezes, ele não está funcionando corretamente, eu espero que Renato será atualizado este plugins

29 | Virendra

10 de abril de 2012 às 3:11 am

Avatar

Existe um novo plugin disponível, que é melhor do que este plugin.

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

Comente 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