12 του Μάη του 2009

Page Flip με jQuery - jFlip: Plugin της εβδομάδας - 12 Μαΐου

Δημοσιεύτηκε από: Mahbub Σε: Plugin της εβδομάδας | Plugins

Έτσι δεν αναβοσβήνει μετά από όλα να κάνει όλα τα μαγικά! Έχουμε δει και ακόμα να δει flash κάνει θαύματα και μαγείες. Ένα από τα δροσερά πράγματα που αναπτύχθηκε ήταν pageflip. Είδα ότι η πρώτη, όταν έπαιζα με φλας το 2002-2003 υποθέτω στο flashkit και actionscripts.org. Μπορείτε να δείτε μια πολύ καλή έκδοση Pro για κάτι τέτοιο εδώ . Αλλά για μας, που θέλουν τα περισσότερα από τα πράγματα που γίνονται στην jQuery - έχει επιτέλους μια εναλλακτική λύση σε αυτή τη σελίδα αναστροφή πράγμα. Δεν είναι ένα πλήρως εναλλακτική flash, αλλά δεν είναι κακό για την ελάχιστη σελίδα χρήση Flip αποτέλεσμα.

page_flip

Αυτό είναι το πώς φαίνεται με ένα plugin που ονομάζεται jFlip γράφτηκε από τον Renato Formato στο http://www.jquery.info/scripts/jFlip/demo.html

Τα demos στο ότι οι σελίδες έχει διαφορετικές ρυθμίσεις με κάποιες επιλογές. Και εγώ δημιουργήσαμε ένα με μερικά από τα αυτοκίνητα των ονείρων μου εδώ

Ελπίζω να σας αρέσει η πρωτοβουλία του Renato.

30 Responses to "Flip σελίδας με jQuery - jFlip: Plugin της εβδομάδας - 12 Μαΐου"

1 | Jenitha

18 του Μάη 2009 στις 2:47 π.μ.

Avatar

Γεια σου,

Αυτό δεν λειτουργεί σε IE είναι αυτό; πώς να λύσει αυτό το ζήτημα. Προσπάθησα να εργαστούν για αυτό, αλλά δεν είναι σε θέση να. Παρακαλώ κάποιος να με βοηθήσει με αυτό.

2 | Mahbub

20 του Μάη 2009 στις 5:34 π.μ.

Avatar

Χμμ, ναι, φαίνεται ότι IE είναι ένοχος και πάλι. Ως προγραμματιστής, εγώ δεν θα πω αυτό, αλλά ενταχθούν http://www.wedontsupportie.com/ .

3 | Developer

26, Ιουλίου, 2009 στις 19:12

Avatar

Αν λέτε ότι δεν πρέπει να πω κάτι, λένε ότι ακόμα ακόμα, τι σημαίνει αυτό μου πεις; Ναι, θα ήταν ωραίο να σκουπίδια IE, αλλά και την ανάπτυξη ακίνητων κόσμο να καταλάβει την ανάγκη να χτυπήσει την αγορά αυτή εξακολουθεί να είναι, έτσι ώστε πραγματικά δεν αποτελεί επιλογή για επαγγελματίες προγραμματιστές, τώρα είναι αυτό;

4 | Mahbub

26, Ιουλίου, 2009 στις 19:24

Avatar

@ Developer:

Αν κοιτάξετε http://www.w3schools.com/browsers/browsers_stats.asp που θα παρατηρήσετε ότι τα προγράμματα περιήγησης της Microsoft έχουν χάσει τους στην αγορά σε μεγάλο βαθμό. Και αν η Microsoft δεν παρέχει δυνατότητες για προγράμματα περιήγησης που να υποστηρίζει τις τελευταίες τεχνολογίες, θα σκουπίδια αυτόματα. Αν δεν ωθούν τους ανθρώπους να σταματήσουν να χρησιμοποιούν IE, οι επισκέπτες δεν θα το γνωρίζουν. Δεν είναι μια επιλογή για επαγγελματίες προγραμματιστές να θέσει ένα μεγάλο STOP χρησιμοποιώντας IE, αλλά είναι οι επαγγελματίες προγραμματιστές που έχουν αλλάξει τους ανθρώπους και θα αλλάξει την επιλογή του λαού των browsers.

5 | Kaan

12, Αυγούστου, 2009 στις 8:24 πμ

Avatar

Πραγματικές στατιστικές κόσμο παρακαλώ. Dont να μας δώσει στατιστικά στοιχεία σχετικά με τις σελίδες στις οποίες περιηγηθείτε προγραμματιστές και σχεδιαστές. Πείτε μας για NYTimes, MSN Yahoo ή τοπικές ισοδύναμα.

6 | Mahbub

12, Αυγούστου, 2009 στις 09:09 πμ

Avatar

@ Kaan, λοιπόν W3C στατιστικές είναι εξωπραγματικό για εσάς; W3C στατιστικά δεν σημαίνουν τα στατιστικά του προγράμματος περιήγησης για τους ανθρώπους που επισκέπτονται το site του W3C. Αντανακλά το δείγμα του πληθυσμού που περιηγηθείτε με διαφορετικούς browsers / os κλπ στο WWW. Είναι MSN, Yahoo ή NYTimes δίνει στατιστικά στοιχεία για τη δημόσια; Είμαι σίγουρος ότι θα είναι κόλαση πιο κοντά στο W3C στατιστικά.

7 | Frank

24 του Οκτώβρη 2009 στις 22:37

Avatar

Είναι ένα εκπληκτικά καλό σενάριο, αλλά οι IE προβλήματα είναι ένα προπέτασμα για μένα. Ακόμα κι αν είναι απλώς ένα πρόβλημα στο IE6, αυτό είναι ένα μεγάλο πρόβλημα - μπορείτε να χάσετε έως και ένας στους πέντε browsers. Αν επηρεάζει IE7, μπορείτε επίσης να το ξεχάσουμε.

Θα ήθελα πολύ για τους ανθρώπους να σταματήσουν να χρησιμοποιούν IE πάρα πολύ, και απλώνω το Firefox και Chrome αγάπη όποτε μπορώ, αλλά το γεγονός του θέματος είναι ότι οι προγραμματιστές θα πρέπει να αναπτυχθούν για το μέλλον του web, καθώς και την παρούσα. Αν είπα πελάτες μου είχα ένα μεγάλο σενάριο ότι τέσσερις από τις πέντε επισκέπτες μπορούσαν να δουν, θα με ρωτήσετε τι επρόκειτο να χρησιμοποιήσει αντ 'αυτού - το 20% των πελατών που ήταν να χάσει δεν θα ήταν ανεκτή.

Έτσι, ενώ ένα αρκετά λείο σενάριο, δεν μπορεί να θεωρηθεί μια επαγγελματική λύση.

8 | mahbub

25 Οκτώβρη του 2009 στις 1:40 πμ

Avatar

Είναι open source και δωρεάν. Γιατί δεν τσίμπημα το σενάριο ή να βρείτε εναλλακτικές λύσεις για IE; Αυτό είναι το πώς λειτουργεί. Αυτό είναι ένα αξιοπρεπές σενάριο και μια καλή πηγή έμπνευσης για το τι μπορεί να γίνει με javascript με προηγμένες browsers. Πάρ 'το, να αναπτύξουν το να διασκεδάσουν με αυτό.

9 | Renato Formato

30 Οκτ. 2009 στις 15:52

Avatar

Το σενάριο λειτουργεί με IE, συγγνώμη που δεν το έχουν επισημάνει αυτό πριν. Θα λειτουργήσει χάρη στο Google έκανε excanvas σενάριο, ή καλύτερα, μια ειδική τροποποιημένη έκδοση που έγραψα για την υποστήριξη jFlip.

Η mahbub demo εδώ δείχνει με τα αυτοκίνητα των ονείρων της λείπει το σενάριο excanvas, ως εκ τούτου, δεν λειτουργεί με IE. Δοκιμάστε εδώ http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

30 Οκτ. 2009 στις 19:51

Avatar

Ευχαριστώ Renato για τη διακοπή από εδώ δείχνει τις τελευταίες ενημερώσεις. Μπορεί να είναι οι excanvas δεν ήταν εκεί όταν σε blog σχετικά με αυτό 12 Μαΐου.

12 | Mahbub

31 του Οκτώβρη, 2009 στις 1:35 πμ

Avatar

@ Madan

Δεν νομίζω ότι είναι δυνατόν για να εμψυχώσει κείμενο με το plugin jFlip. Ίσως μπορείτε να χρησιμοποιήσετε Flip Plugin εδώ http://lab.smashup.it/flip/

13 | Madan Gopal

31 του Οκτώβρη, 2009 στις 4:06 πμ

Avatar

Mahbub όπως δίνεται Διεύθυνση Flip pligin 's σας

Μπορώ να το φέρω με πίνακα της βάσης δεδομένων.
Αν έχω περισσότερα πεδία περιεχόμενο τότε πώς δούλευα με αυτό ή και αν χρειάζομαι μόνο αριστερά προς τα δεξιά ρίχνεις

Παρακαλώ πείτε μου

14 | Mahbub

31 του Οκτώβρη, 2009 στις 04:20 π.μ.

Avatar

Το plugin έχει τίποτα να κάνει με τη βάση δεδομένων. Είναι μέχρι σας πώς να φέρνουν το περιεχόμενο. Εάν μπορείτε να δημιουργήσετε τα στοιχεία λίστας στο plugin δυναμικά από την DB, γιατί όχι;

15 | Frank

13 Ιανουαρίου 2010 στις 21:26

Avatar

δεν λειτούργησε σε IE7 για μένα

16 | Mahbub

13 Ιανουαρίου 2010 στις 23:39

Avatar

Hey Frank,

Η τελευταία plugin στην πραγματικότητα λειτουργεί με IE χρησιμοποιώντας excanvas . Ρίξτε μια ματιά εδώ στην αρχική σελίδα του έργου. http://www.jquery.info/scripts/jFlip/demo.html

Είναι λίγο αργή, αλλά τα έργα.

17 | Sanjay

1 του Ιούλη του 2010 στις 12:27 π.μ.

Avatar

γεια! Μπορώ να προσθέσω ένα σύνδεσμο όταν ο χρήστης κάνει κλικ στη σελίδα, αφού γυρίσει; Πρέπει να το κάνουμε αυτό σύντομα .. thanks man! παρακαλώ επικοινωνήστε μαζί μου μέσω e-mail.

18 | raloocka

11, Ιούλ 2010 στις 16:08

Avatar

Μεγάλη plugin! Αλλά πώς μπορείτε να βάλετε κάποιο περιεχόμενο (κείμενα ή κάποια divs) αντί για τις εικόνες;

19 | raloocka

11, Ιούλ 2010 στις 16:25

Avatar

Είναι μεγάλη, μου αρέσει πάρα πολύ! Κοίταξα μέσα από την hopeing κωδικό που θα βρω έναν τρόπο για να δείξει το υποστηρίζουν από div μου ("μόνο κάποιο κείμενο;), αλλά χωρίς επιτυχία : ( . Αν υπάρχει ένας τρόπος μπορείτε να επιτρέψτε μου να ξέρω;

20 | peter

12, Αυγ 2010 στις 10:05 π.μ.

Avatar

Φαίνεται αρκετά καλή, αλλά στο firefox δεν λειτουργεί τόσο ομαλά όσο θα μπορούσε κανείς να επιθυμούν. Επίσης, η σελίδα είναι παραμορφωμένη κατά κτύπημα.

21 | Erik

12, Αυγ 2010 στις 10:12 π.μ.

Avatar

Ρίξτε μια ματιά σε αυτή την έκδοση: http://www.jpageflip.de
Σημειώστε ότι υπάρχουν πολλά ωραία χαρακτηριστικά.
* Ρεαλιστική συμπεριφορά κτύπημα (ύφος του βιβλίου)
* Μπροστινό και πίσω μέρος μιας σελίδας που κινείται στη διάρκεια κτύπημα
* Διαφανείς εικόνες (οι τιμές των μεταβλητών άλφα μπορεί να ρυθμιστεί)

22 | Gregor

28 του Αυγούστου του 2010 στις 13:31

Avatar

δεν είναι κακό, αλλά jpageFlip ( http://www.jpageflip.de ) φαίνεται αρκετά καλύτερη από αυτή την έκδοση.

23 | Joe

18, Φεβ 2011 στις 13:01

Avatar

Ναι, το ένα στο http://www.jpageflip.de είναι πράγματι καλό, αλλά έχει ένα μικρό πρόβλημα ... αυτό λειτουργεί μόνο σε IE9 + σύμφωνα με την LOL site.
Έτσι υποθέτω ότι η μόνη πραγματική λύση είναι να χρησιμοποιήσετε το Flash

24 | thirupathi

2 Μαρτίου του 2011 στις 12:11 π.μ.

Avatar

Γεια σου,
Χρειάζεστε compatabilty iPhone παρακαλώ ...

25 | kalvinder

6 του Σεπτεμβρίου 2011 στις 6.31 π.μ.

Avatar

ότι η μεγάλη ..... εργάζονται πολύ καλή

26 | Savita

11 Οκτωβρίου 2011 στις 04:13 π.μ.

Avatar

Γεια σας,
Παρακαλώ βοηθήστε ... πραγματικά χρειάζομαι το ίδιο iPhone συμβατή ..
Βοήθησέ με.

27 | starsport

7η Δεκεμβρίου, 2011 στις 3:18 πμ

Avatar

Μου αρέσει το βλέμμα στην εικόνα αυτοκίνητο πάνω από κουτσός λειτουργία jquery σας.

28 | gtechpedia

13 Δεκέμβρη 2011 στις 20:31

Avatar

Μπορώ να χρησιμοποιήσω αυτό το plugins, αλλά μερικές φορές, δεν λειτουργεί σωστά, ελπίζω ότι Renato θα ενημερωθεί αυτό το plugins

29 | Virendra

10 Απρίλη, 2012 στις 3.11 π.μ.

Avatar

Υπάρχει ένα νέο plugin διαθέσιμα τα οποία είναι καλύτερο από αυτό το plugin.

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

30 | Nevil Thomas

6, Αυγούστου, 2012 στις 05:06 π.μ.

Avatar

Παρακαλώ μην φταίει IE, δεν είναι το πρόβλημα του IE
Το πρόβλημα είναι στον κώδικα. Ανέβασα το πλήρες demo παρακαλώ να ελέγξετε τη σύνδεση στο http://nevilthomas.blogspot.com/2012_08_01_archive.html

Σχόλιο Μορφή


  • Роман: норма спасибо
  • Lsqoswsh: Θα πρέπει να καταβληθεί εβδομαδιαία ή μηνιαία; lolita διασκέδαση
  • Rlbbuwhe: Ο διαχειριστής http://community.parents.com/asumouooi/blog/2013/04/04/lolita_kingdom_nude_pics νεαρή παρθένα pedo Λώλης ότι το φως κορίτσι του δέρματος είναι αλήτης είναι αυτός

Μεταφραστής

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