12 του Μάη του 2009

Σελίδα Flip με jQuery - jFlip: Πρόσθετο της εβδομάδας - 12 Μαΐου

Δημοσιεύτηκε από: Mahbub Σε: Πρόσθετο της εβδομάδας | Plug-

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

page_flip

Έτσι μοιάζει με ένα plugin που ονομάζεται jFlip γραπτή του Renato Formato στο http://www.jquery.info/scripts/jFlip/demo.html

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

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

29 απαντήσεις σε "Flip σελίδας με jQuery - jFlip: Πρόσθετο της εβδομάδας - 12 Μαΐου"

1 | Jenitha

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

Avatar

Γεια σου,

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

2 | Mahbub

20 Μαΐου, 2009 στις 5:34 am

Avatar

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

3 | Προγραμματιστής

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

Avatar

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

4 | Mahbub

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

Avatar

@ Προγραμματιστής:

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

5 | Kaan

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

Avatar

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

6 | Mahbub

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

Avatar

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

7 | Φρανκ

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

Avatar

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

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

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

8 | Mahbub

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

Avatar

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

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 δεν ήταν εκεί όταν θ αρθρογράφησαν για αυτό στις 12 Μαΐου.

11 | Μαντάν Gopal

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

Avatar

Μπορούμε να εμφανίζουν δεδομένα Περιεχομένου με την εικόνα
Παρακαλώ πείτε μου
Και πώς γίνεται με το κτύπημα γκαλερί εικόνων
madangdhiman@gmail.com

Ευχαριστίες

12 | Mahbub

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

Avatar

@ Madan

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

13 | Μαντάν Gopal

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

Avatar

Mahbub ως συγκεκριμένη διεύθυνση URL Flip pligin 's σας

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

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

14 | Mahbub

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

Avatar

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

15 | Frank

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

Avatar

δεν εργάστηκε σε IE7 για μένα

16 | Mahbub

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

Avatar

Γεια σου Φρανκ,

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

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

17 | Sanjay

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

Avatar

γεια! Μπορώ να προσθέσω ένα σύνδεσμο όταν ο χρήστης κάνει κλικ στη σελίδα, αφού γυρίσει; Πρέπει να το κάνουμε αυτό σύντομα .. ευχαριστώ τον άνθρωπο! παρακαλώ επικοινωνήστε μαζί μου THRU 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 | Γκρέγκορ

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

Avatar

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

23 | Joe

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

Avatar

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

24 | thirupathi

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

Avatar

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

25 | kalvinder

6 του Σεπτέμβρη, 2011 στις 6:31 π.μ.

Avatar

ότι μεγάλο ..... λειτουργεί πολύ καλά

26 | Σαβίτα

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

Avatar

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

27 | starsport

7 Δεκέμβρη, 2011 στις 3:18 π.μ.

Avatar

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

28 | gtechpedia

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

Avatar

Χρησιμοποιώ αυτό πρόσθετες λειτουργίες, αλλά μερικές φορές, δεν δουλεύει σωστά, ελπίζω ότι 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

Σχόλιο Μορφή


  • Virendra: Υπάρχει ένα νέο plugin διαθέσιμο που είναι καλύτερο από αυτό το plugin. http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using~~V.
  • Τίνα: Σας ευχαριστώ για αυτήν τη λίστα, θα καμία από αυτές τις alpticapions είναι ιδιαίτερα χρήσιμη για την επιχείρηση ενός φωτογράφου γάμου Γιούτα;
  • Janelle: Καλή για να δουν μία πραγματική εμπειρία στην οθόνη. Cotnritbuion σας είναι ευπρόσδεκτο.

Μεταφραστής

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

Ετικέτες