WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Responsive Gridfolio

— Add- On για WorldWideScripts.net

Εγγραφείτε για να μας ζωοτροφές για να μείνετε ενημερωμένοι!

Νέο! Ακολουθήστε μας όπως εσείς το θέλετε!


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ακολουθήστε Envato Ακολουθήστε FACEBOOK

Έκδοση 1.2 Ημερομηνία κυκλοφορίας 27/09/2013

  • Σταθερή σφάλματα που σχετίζονται με τον IE8.
  • Σταθερή σφάλματα που σχετίζονται με την τελευταία ενημέρωση του iOS και Android.
  • Βελτιωμένη απόδοση του κινητού τηλεφώνου.

Έκδοση 1.1 Ημερομηνία κυκλοφορίας 07/24/2013

  • Υποστήριξη για πολλαπλές κατηγορίες, βεβαίως, αυτό μπορεί ακόμα να χρησιμοποιηθεί με μία ενιαία κατηγορία, όπως πριν.
  • Lightbox Iframe υποστήριξη.
  • Περιγραφή Lightbox αυτόματου ανοίγματος (ανοιχτό σημείο περιγραφή χωρίς να πατήσετε το κουμπί info).
  • Προστέθηκε ένα επιπλέον τρόπο να κλείσει την lightbox πιέζοντας έξω από την περιοχή στοιχείου.
  • Προστέθηκε υποστήριξη για MSPointer εκδηλώσεις για Windows8 κινητό.
  • Προστέθηκε έξι επιπλέον δέρματα.

Κύρια χαρακτηριστικά:

Το Responsive Gridfolio έχει ένα ρευστό / ευέλικτο / ανταποκρίνεται διάταξη. Βασικά το πλέγμα προστίθεται σε μια html σελίδα σε ένα div του διαλέγετε σας και αυτό είναι προσαρμογή του με βάση το πλάτος του εν λόγω div, το ύψος του δικτύου έχει τροποποιηθεί με βάση τις μικρογραφίες και αν άλλα στοιχεία που είναι κάτω από το div πλέγμα που θα βγει αυτόματα (έγγραφο ροής). Στα παραδείγματα που μπορείτε να δείτε μερικούς τρόπους με τους οποίους μπορείτε να χρησιμοποιήσετε αυτό το πλέγμα, βέβαια, που είναι δυνατόν άλλες διαμορφώσεις (παρακαλώ σημειώστε ότι ο κώδικας αυτού παραδείγματα παρέχονται στα αρχεία λήψης).

Η γκαλερί μπορεί να έχει οποιοδήποτε αριθμό των εικόνων και κάθε εικόνα μπορεί να είναι οποιουδήποτε μεγέθους, αλλά ανάλογη με το πλάτος και το ύψος βάση του αντίχειρα. Όταν μια μικρογραφία πιέζεται μπορείτε να επιλέξετε είτε να εμφανιστεί ένα πρωτότυπο lightbox μέσα που έχουμε κωδικοποιημένα, ή να ανοίξει μια νέα ιστοσελίδα, η διεύθυνση URL και ο στόχος αυτής της ιστοσελίδας μπορεί να προσδιοριστεί. Η lightbox μπορεί να εμφανίσει τις εικόνες, ή να δείτε βίντεο φορτώνονται από το YouTube ή το Vimeo.

Καθαρό OOP JavaScript κώδικα, δεν προβλέπεται η χρήση του jQuery ή άλλες βιβλιοθήκες, με τον τρόπο αυτό δεν θα υπάρχουν ασυμβατότητες με τις σελίδες HTML που ενδέχεται να χρησιμοποιούν jQuery ή άλλες βιβλιοθήκες JavaScript.

Το Responsive Gridfolio χρησιμοποιεί την GPU (επιτάχυνση υλικού) χρησιμοποιώντας τα πρότυπα HTML5. Η ταχύτητα απόδοση και η απόδοση είναι άψογη σε επιτραπέζιους υπολογιστές και το πιο σημαντικό σε κινητές συσκευές, ο τρόπος που λειτουργεί αυτό θα προσπαθήσει να χρησιμοποιήσει CSS3 και αν αυτό δεν είναι διαθέσιμο Θα κάτω πτώση στις CSS2 ή CSS1 για παλαιότερα προγράμματα περιήγησης, όπως IE7 και IE8.

Εξαιρετική απόδοση σε κινητές συσκευές, μπορείτε να δείτε στο βίντεο επίδειξης που τρέχει ακριβώς όπως μια μητρική app!, ήταν γραμμένο και βελτιστοποιηθεί για κινητές συσκευές και είναι 100% συμβατά κινητά και φυσικά θα τρέξει εξίσου μεγάλη για επιτραπέζιους υπολογιστές συμπεριλαμβανομένων των ηλικιωμένων browsers όπως IE7 και IE8. Έχουμε δοκιμαστεί για Ipad3 (ΥΠ) και σε ένα Samsung Galaxy S3 (Android) και να τρέχει μεγάλη και στις δύο συσκευές, παρακάτω είναι οι συνδέσεις για να δείτε αυτό το δήμο. Παρακολουθήστε το demo τρέχει για το Samsung Galaxy S3 (Android) ή Προβολή επίδειξης που εκτελείται σε IPAD (IOS).

Πλέγμα κύρια χαρακτηριστικά:

Κατανοητή / Ευέλικτη / Υγρό διάταξης: μπορείτε να ελέγξετε το μέγεθος του πλέγματος με CSS ή JavaScript, ουσιαστικά έχει μια προσαρμόσιμη διάταξη που ο τέλειος υποψήφιος για κάθε είδος σχεδίου κάνει.

Υποστήριξη για οποιοδήποτε αριθμό των εικόνων και κάθε εικόνα μπορεί να είναι οποιουδήποτε μεγέθους, αλλά ανάλογο με ένα πλάτος και το ύψος βάσης του αντίχειρα

Το σύνολο του θέματος χρώμα μπορεί να τροποποιηθεί.

Προσαρμοζόμενο μέγεθος μικρογραφίες και γεωμετρία: Αυτό το χαρακτηριστικό σας επιτρέπει να αλλάξετε το μέγεθος των μικρογραφιών και ο χώρος μεταξύ μικρογραφίες.

Προσαρμόσιμα μικρογραφίες σύνορα και το φόντο: κάθε μικρογραφία μπορεί να έχει σύνορα και ένα υπόβαθρο, το χρώμα του φόντου της μικρογραφίας, το μέγεθος του σύνορα και το χρώμα για τα σύνορα είναι προσαρμόσιμη, επίσης, η μικρογραφίες χρώμα των συνόρων μπορεί να tweened από ένα κανονικό χρώμα σε ένα επιλεγμένο χρώμα..

Μικρογραφία της εικονιδίων ή μικρογραφίες των μέσων ενημέρωσης: κάθε αντίχειρα μπορεί να έχει μια σύντομη περιγραφή με ένα διαφανές φόντο κάτω από αυτό ή ένα εικονίδιο μέσα μαζικής ενημέρωσης, που αντιπροσωπεύει μια σύνδεση, βίντεο ή εικόνας, αυτό είναι ορατό όταν το ποντίκι είναι πάνω από μια μικρογραφία, το κείμενο μπορεί να μορφοποιηθεί με CSS, το χρώμα του φόντου και αδιαφάνεια μπορούν επίσης να τροποποιηθούν (προαιρετικό).

"Load περισσότερες μικρογραφίες διαθέτουν": αυτό είναι ένα φοβερό χαρακτηριστικό που βελτιώνει τη συνολική απόδοση και την ταχύτητα φόρτωσης, διότι με αυτόν τον τρόπο δεν έχουν όλα τα εικονίδια φορτώνονται και εμφανίζονται ταυτόχρονα. Για παράδειγμα, αν έχετε ένα σύνολο 120 μικρογραφίες, μπορείτε να τους δείξουμε σε σετ των 50 μικρογραφίες, και έτσι αρχικά στο δίκτυο το πρώτο σύνολο 50 εικονίδια φορτώνονται και εμφανίζονται, και όταν οι «φορτίο περισσότερες μικρογραφίες" κουμπί πατηθεί το επόμενο σύνολο των 50 εικονίδια φορτώνονται και εμφανίζονται, και τελικά όταν το κουμπί "φορτίο περισσότερες μικρογραφίες" πατηθεί ξανά οι 20 υπόλοιπες μικρογραφίες έδειξαν. Ο αριθμός των μικρογραφιών για να φορτώσει ανά σετ είναι προσαρμόσιμη, δεν πρέπει να είναι 50 μπορεί να είναι οποιοσδήποτε αριθμός που θεωρείτε. Αυτό το χαρακτηριστικό είναι προαιρετικό, αν είναι απενεργοποιημένη όλα τα εικονίδια φορτώνονται και εμφανίζονται.

Προσαρμοσμένη δράση Τύπου μικρογραφία: όταν μια μικρογραφία πιέζεται μπορείτε να επιλέξετε είτε να εμφανιστεί ένα πρωτότυπο lightbox μέσα που έχουμε κωδικοποιημένα, ή να ανοίξει μια νέα ιστοσελίδα, η διεύθυνση URL και ο στόχος αυτής της ιστοσελίδας μπορεί να προσδιοριστεί. Η lightbox μπορεί να εμφανίσει τις εικόνες, ή να δείτε βίντεο φορτώνονται από το YouTube ή το Vimeo.

Lightbox κύρια χαρακτηριστικά:

Κατανοητή / Ευέλικτη / Υγρό διάταξης: ο lighbox πάντα θα συμπληρώνει το διαθέσιμο πρόγραμμα περιήγησης παράθυρο.

Το σύνολο του θέματος χρώμα μπορεί να τροποποιηθεί.

Vimeo και υποστήριξη του YouTube: το μόνο που έχετε να κάνετε είναι να περιλαμβάνει τη σύνδεση από το YouTube ή το Vimeo βίντεο που θέλετε να εμφανίσετε και η lighbox θα εμφανίσει και να παίξει το βίντεο σας. Το μέγεθος (πλάτος και ύψος) του κάθε βίντεο μπορεί να ρυθμιστεί εύκολα.

Ζουμ και μετατόπιση υποστήριξη για εικόνες: μπορείτε να κάνετε ζουμ μέσα και έξω από μια εικόνα και μπορείτε να μετακινήσετε την εικόνα, με αυτόν τον τρόπο μπορείτε να δείτε την εικόνα σε μεγάλη λεπτομέρεια (προαιρετικό).

Κουμπί παρουσίασης (προαιρετικό).

Καθυστέρηση παρουσίασης, η καθυστέρηση της παρουσίασης μπορεί να ρυθμιστεί μέσα σε δευτερόλεπτα.

Προβολή διαφανειών αυτόματου παιχνιδιού.

Προβολή διαφανειών έθιμο κινούμενα γραφικά.

Επόμενο και Προηγούμενο κουμπιά πλοήγησης (προαιρετικά).

Πληροφορίες παράθυρο κουμπί και πληροφορίες: κάθε στοιχείο lighbox μπορεί να έχει μια περιγραφή, το κείμενο και το παράθυρο η εμφάνιση μπορεί να μορφοποιηθεί με CSS (προαιρετικό).

Προσαρμόσιμα σύνορα και το φόντο: το μέγεθος και το χρώμα των συνόρων, αλλά και το κύριο χρώμα του φόντου είναι προσαρμόσιμη.

Υποστήριξη πληκτρολογίου: το αριστερό και το δεξί βέλος μπορεί να χρησιμοποιηθεί για την πλοήγηση (προαιρετικό).

ΕΝΗΜΕΡΩΣΗ

03/07/2013 - Bug fix που σχετίζονται με το lightbox, όταν μεγεθύνεται σε Chrome και καλύτερη ανίχνευση για κινητές συσκευές.


Λήψη
Άλλα στοιχεία σε αυτή την κατηγορίαΌλα τα συστατικά αυτού του συγγραφέα
ΣχόλιαΣυχνές ερωτήσεις και απαντήσεις

Properties

Δημιουργήθηκε:
18 Φεβ 13? Τελευταία ενημέρωση

Λέξεις-κλειδιά

το ηλεκτρονικό εμπόριο, όλα τα στοιχεία, το Android, το app, δυναμική, ευέλικτη, fliudwidth, πλήρης οθόνη, οι γκαλερί, πλέγμα, gridfolio, iframe, Ίος, πολυμέσα, που να ανταποκρίνεται, μικρογραφίες, youtube