12 maggio 2009

Page Flip con jQuery - jFlip: Plugin della settimana - 12 maggio

Inviato da: Mahbub In: Plugin della settimana | Plugins

Così non è, dopo tutto lampeggia di fare tutte le magie! Abbiamo visto e vede ancora il flash facendo meraviglie e magie. Una delle cose interessanti che si era sviluppato pageflip. Ho visto che prima, quando stavo giocando con il flash nel 2002-2003 credo che in FlashKit e actionscripts.org. Potete vedere una versione molto buona pro di cosa del genere qui . Ma per noi, che vogliono la maggior parte delle cose fatte in jQuery - ha finalmente un'alternativa a quella cosa page flip. Non è completamente alternativa di flash, ma non male per un effetto minimo pagina uso flip.

page_flip

Ecco come appare con un plugin chiamato jFlip scritto da Renato Formato a http://www.jquery.info/scripts/jFlip/demo.html

Le demo su tali pagine ha configurazioni diverse con alcune opzioni. E ho creato uno con alcune delle mie macchine da sogno qui

Spero vi piaccia l'iniziativa di Renato.

29 Responses to "Page Flip con jQuery - jFlip: Plugin della settimana - 12 maggio"

1 | Jenitha

18 maggio 2009 alle 02:47 am

Avatar

Ciao,

Questo non funziona in IE è? come risolvere questo problema. Ho cercato di lavorare su questo, ma non in grado di. Per favore qualcuno mi aiuti con questo.

2 | Mahbub

20 maggio 2009 alle 5:34 am

Avatar

Hmm, sì, sembra che IE è colpevole di nuovo. Come sviluppatore io non dovrei dirlo, ma unirsi http://www.wedontsupportie.com/ .

3 | Developer

26 Luglio 2009 alle 07:12

Avatar

Se dici che non dovrebbe dire qualcosa, ma lo dico ancora, che cosa mi dice? Sì, sarebbe bello da cestinare IE, ma gli sviluppatori del mondo reale comprendere la necessità di colpire questo mercato ancora, in modo che in realtà non è un'opzione per gli sviluppatori professionali, ora è vero?

4 | Mahbub

26 Luglio 2009 alle 19:24

Avatar

@ Sviluppatore:

Se guardate http://www.w3schools.com/browsers/browsers_stats.asp avresti notato che i browser di Microsoft hanno perso il loro mercato in grande misura. E se Microsoft non fornisce funzionalità per i suoi browser a supportare le più recenti tecnologie, verranno automaticamente nel cestino. Se non spingere la gente smettere di usare IE, i visitatori non lo saprà. Non è un'opzione per gli sviluppatori professionali di porre fine BIG utilizzando IE, ma è gli sviluppatori professionisti che hanno cambiato le persone e cambierà la scelta del popolo dei browser.

5 | Kaan

12 agosto 2009 alle 08:24 am

Avatar

Statistiche del mondo reale per favore. Non ci danno le statistiche sulle pagine in cui sviluppatori e designer navigare. Parlaci del NYTimes, MSN o Yahoo equivalenti locali.

6 | Mahbub

12 agosto 2009 alle 09:09 am

Avatar

@ Kaan, così le statistiche del W3C sono irreali per te? Statistiche W3C Non intendo le statistiche del browser per le persone che visitano il sito del W3C. Essa riflette il campione della popolazione che navigare con diversi browser / etc os sul WWW. È MSN, Yahoo o NYTimes dando statistiche al pubblico? Sono sicuro che sarà un inferno più vicino a w3c statistiche.

7 | Frank

24 ott 2009 alle 22:37

Avatar

Si tratta di uno script sorprendentemente buona, ma i problemi di IE sono un showstopper per me. Anche se è solo un problema di IE6, è un grosso problema - si potrebbe perdere fino a uno su cinque browser. Se essa riguarda IE7, si può anche dimenticare.

Mi piacerebbe per le persone a smettere di usare IE, e io diffondere il FireFox e Chrome amore ogni volta che posso, ma il fatto della questione è che gli sviluppatori hanno bisogno di sviluppare per il futuro del web così come il presente. Se ho detto ai miei clienti ho avuto un ottimo script che quattro dei cinque visitatori hanno potuto vedere, mi chiedeva cosa stesse succedendo da utilizzare in sostituzione - il 20% dei clienti si trovavano a perdere non sarebbe tollerata.

Così, mentre si tratta di uno script abbastanza liscia, non può essere considerata una soluzione professionale.

8 | mahbub

25 Ottobre 2009 alle 1:40 am

Avatar

E 'open source e gratuito. Perché non modificare lo script o trovare soluzioni alternative per IE? Questo è come funziona. Questo è uno script decente e una buona ispirazione di ciò che si può fare con javascript con browser avanzati. Prendilo, svilupparlo divertirsi con esso.

9 | Renato Formato

30 ottobre 2009 alle 03:52

Avatar

Lo script funziona con IE, non dispiace di aver sottolineato prima. Funziona grazie al Google ha reso excanvas sceneggiatura, o meglio, una versione speciale modificata ho scritto per sostenere jFlip.

Il mahbub demo mostra qui con le sue auto da sogno manca lo script excanvas, quindi non funziona con IE. Prova qui http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

30 ottobre 2009 alle 19:51

Avatar

Grazie Renato per aver visitato qui che mostra gli ultimi aggiornamenti. Possono essere i excanvas non c'era quando ho bloggato su questo 12 maggio.

11 | Madan Gopal

31 Ottobre 2009 alle 1:20 am

Avatar

Possiamo visualizzare i dati contenuti con l'immagine
La prego di dirmi
E come si fa con galleria di immagini flipping
madangdhiman@gmail.com

Grazie

12 | Mahbub

31 ottobre 2009 alle 01:35 am

Avatar

@ Madan

Non credo sia possibile animare il testo con il plugin jFlip. Forse è possibile utilizzare Plugin flip qui http://lab.smashup.it/flip/

13 | Madan Gopal

31 ottobre 2009 alle 04:06 am

Avatar

Mahbub come URL dato flip pligin 's

Posso recuperare con la tabella di database.
Se i campi sono contenuti più allora come ho lavorato con lui o anche se ho bisogno solo da sinistra a destra flipping

La prego di dirmi

14 | Mahbub

31 ottobre 2009 alle 04:20 am

Avatar

Il plugin non ha nulla a che fare con database. E 'fino a voi come si stanno portando il contenuto. Se è possibile generare gli elementi della lista nel plugin dinamicamente da DB, perché no?

15 | frank

13 gen 2010 alle 09:26

Avatar

non ha lavorato per me in IE7

16 | Mahbub

13 gen 2010 alle 11:39

Avatar

Hey Frank,

L'ultimo plug-in, infatti, funziona con IE utilizzando excanvas . Date un'occhiata qui, nella pagina del progetto originale. http://www.jquery.info/scripts/jFlip/demo.html

E 'un po' lento, ma funziona.

17 | Sanjay

1 Luglio 2010 alle 12:27 am

Avatar

hi! posso aggiungere un collegamento quando l'utente fa clic la pagina, dopo capovolto? bisogno di fare questo al più presto .. grazie amico! vi prego di contattarmi attraverso e-mail.

18 | raloocka

11 Luglio, 2010 alle 04:08

Avatar

Ottimo plugin! Ma come si fa a mettere un po 'contenuti (testi o alcune div) al posto delle immagini?

19 | raloocka

11 Luglio, 2010 alle 16:25

Avatar

E 'grande, mi piace molto! Ho guardato attraverso la hopeing codice che troverò un modo per mostrare il contendere della mia div ("solo una parte di testo?) Ma senza successo : ( . Se c'è un modo potete farmi sapere?

20 | peter

12 Agosto 2010 alle 10:05 am

Avatar

Sembra abbastanza buono, ma in firefox non funziona nel modo migliore uno possa desiderare. Inoltre, la pagina è distorta durante la riflessione.

21 | Erik

12 Agosto 2010 alle 10:12 am

Avatar

Date un'occhiata a questa versione: http://www.jpageflip.de
Si noti che ci sono diverse caratteristiche interessanti.
* Comportamento realistico lanciare (stile libro)
* Front e retro di una pagina sono animati durante il flipping
* Le immagini trasparenti (valori alfa variabile può essere impostata)

22 | Gregor

28 agosto 2010 alle 01:31

Avatar

Non male, ma jpageFlip ( http://www.jpageflip.de ) sembra piuttosto meglio di questa versione.

23 | Joe

18 febbraio 2011 alle 13:01

Avatar

Sì, quello di http://www.jpageflip.de è davvero buona, ma ha un piccolo problema ... funziona solo in IE9 + secondo il sito LOL.
Quindi credo che l'unica vera soluzione è quella di utilizzare Flash

24 | thirupathi

2 Marzo 2011 alle 12:11 am

Avatar

Ciao,
Hai bisogno di Compatibilità in iPhone per favore ...

25 | kalvinder

6 settembre 2011 alle 6:31 am

Avatar

che grande ..... lavorando molto buona

26 | Savita

11 ottobre 2011 alle 04:13 am

Avatar

Ciao,
Please help ... in realtà ho bisogno stesso iPhone compatibile ..
Aiutami.

27 | starsport

7 dicembre 2011 alle 03:18 am

Avatar

Mi piace l'aspetto di immagine auto più la funzione jquery zoppo.

28 | gtechpedia

13 Dicembre, 2011 alle 20:31

Avatar

Io uso questo plugin, ma a volte, non funziona correttamente, spero che renato verrà aggiornato questo plugin

29 | Virendra

10 Aprile, 2012 alle 3:11 am

Avatar

Vi è un nuovo plugin disponibili che è meglio di questo plugin.

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

Comment Form


Traduttore

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

Tags