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 Slideshow Photo Gallery Grid

— Add- On για WorldWideScripts.net

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

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


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

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

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

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

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

GRID ΚΥΡΙΑ ΧΑΡΑΚΤΗΡΙΣΤΙΚΑ

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

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

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

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

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

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

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

Lightbox ΒΑΣΙΚΑ ΧΑΡΑΚΤΗΡΙΣΤΙΚΑ

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

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

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

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

Κουμπί προβολής διαφανειών (προαιρετικό).

Προβολή διαφανειών καθυστέρηση, η καθυστέρηση της παρουσίασης μπορεί να ρυθμιστεί μέσα σε δευτερόλεπτα.

Προβολή διαφανειών autoplay.

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

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

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

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

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

ΕΝΗΜΕΡΩΣΗ

02/19/2013 - Έχουμε προσθέσει ένα νέο χαρακτηριστικό με αυτό το πλέγμα, η επιλογή για την προσθήκη μέσων εικονίδια πάνω από τα εικονίδια όταν επιλέγονται, τώρα μπορείτε να επιλέξετε ανάμεσα σε περιγραφή εικονίδια, εικονίδια media ή "κανένας" όταν επιλέγεται μια μικρογραφία.

03/07/2013 - Σταθερή κάποια σφάλματα που σχετίζονται με την lightbox και πρόσθεσε καλύτερη υποστήριξη για το κινητό ανίχνευσης.


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

Properties

Δημιουργήθηκε:
15 Ιανουαρίου, 13

Τελευταία ενημέρωση:
8 Μάρτη 13

Υψηλής ανάλυσης:
Ναί

Συμβατά προγράμματα περιήγησης:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Αρχείων που περιλαμβάνονται:
JS JavaScript, HTML, CSS

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

το ηλεκτρονικό εμπόριο, το ηλεκτρονικό εμπόριο, Όλα τα Προϊόντα, CSS3, δυναμικός, εύκαμπτος, υγρό, πλέγμα, HTML5, lightbox, μέσα ενημέρωσης, ευαίσθητος, Vimeo, youtube