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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Miscellaneous

GalleryGen - Image Gallery HTML Code Generator

— Add- On για WorldWideScripts.net

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

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


GalleryGen -  Image Gallery HTML Code Generator - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Δείτε αυτή την προεπισκόπηση του βίντεο για να πάρετε μια καλύτερη ιδέα για το πώς λειτουργεί

Κάθε developer web έχει να ασχοληθεί με γκαλερί εικόνων. Αυτό περιλαμβάνει την εξέταση μια δέσμη των εικόνων, να πάρει μονοπάτι και τα ονόματά τους, και στη συνέχεια τα βάζουμε σε μια τυπική διάταξη HTML, και επίσης να περιλαμβάνουν λεζάντες και τίτλους για τις εικόνες. Αυτή η διαδικασία μπορεί να γίνει αρκετά κουραστική.

GalleryGen έχει ως στόχο να ελαφρύνει το βάρος αυτής της διαδικασίας. Παράγει κώδικα HTML για γκαλερί εικόνα, που περιλαμβάνει γκαλερί εικόνα Lightbox και παρουσιάσεις. Αντί να χρησιμοποιούν PHP για να εντοπίσετε τις εικόνες που χρησιμοποιεί HTML5 και javascript.

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

  1. Επιλέξτε εικόνες είτε από ένα παράθυρο διαλόγου αρχείο ή drag and drop τους. Πολλαπλή επιλογή των εικόνων είναι δυνατή και στις δύο περιπτώσεις.
  2. Διαχωρίστε τα επιλεγμένα εικόνες από το σύρσιμο τους γύρω.
  3. Διαγραφή οποιαδήποτε επιλεγμένη εικόνα από τη λίστα.
  4. Προεπισκόπηση Lightbox των επιλεγμένων εικόνων.
  5. Δύο επιλογές gallery - Lightbox και Παρουσίαση.
  6. Εισάγετε ιδιότητες τίτλου για άγκυρα ετικέτες και alt και τίτλος χαρακτηριστικά για τις εικόνες.
  7. Για Παρουσίαση - Επιλογές για να εισαγάγετε ένα περιτύλιγμα της επιλογής σας για την προβολή διαφανειών, περιτυλίγματα για κάθε εικόνα, και προσαρμοσμένο κώδικα HTML πριν / μετά από κάθε εικόνα.
  8. Η γεννήτρια εξάγει έγκυρο κώδικα HTML.
  9. Επιλέξτε τον κώδικα κάνοντας κλικ στο κουμπί "Επιλογή Κώδικα" καθιστώντας έτσι εύκολο να αντιγράψετε ολόκληρο τον κώδικα που δημιουργήθηκε. Ο παραγόμενος κώδικας είναι επίσης επεξεργάσιμο με τη χρήση του "contenteditable" χαρακτηριστικό.

Για να μάθετε σχετικά με τις διαθέσιμες επιλογές εξόδου κωδικό ρίξτε μια ματιά στα screenshots. Δεδομένου ότι δεν PHP χρησιμοποιείται, αυτή η γεννήτρια μπορεί να τρέξει σε τοπικό επίπεδο.

ΣΗΜΕΙΩΣΗ: Αυτή η γεννήτρια χρησιμοποιεί τις τελευταίες τεχνολογίες HTML5 και ως εκ τούτου θα λειτουργούν σωστά σε σύγχρονα προγράμματα περιήγησης που υποστηρίζουν αυτές τις τεχνολογίες. Προς το παρόν αυτά περιλαμβάνουν 3.6+ Firefox, Chrome και Opera 7.0+ 11.10+. Chrome έχει κάποιους περιορισμούς όταν η γεννήτρια λειτουργεί σε τοπικό επίπεδο και δεν εμφανίζει τις εικόνες αν και εξακολουθεί να εξάγει σωστό κωδικό. Εάν η γεννήτρια λειτουργεί από ένα διακομιστή τότε δουλεύει μια χαρά στο Chrome. Δεν υπάρχει καμία τέτοια επιπλοκή σε Firefox και η γεννήτρια δουλεύει μια χαρά εκεί δεν έχει σημασία από όπου μπορείτε να εκτελέσετε. Στην όπερα δεν υπάρχει υποστήριξη για HTML5 Drag and Drop ακόμα. Έτσι δεν θα είναι σε θέση να σύρετε τις εικόνες στη γεννήτρια αλλά μόνο επιλέξετε τους από το παράθυρο διαλόγου αρχείου.

Ενημέρωση στις 26 Ιουλίου του 2011 - Έκδοση 1.1

  • Προστέθηκε ένα κουμπί "Επιλογή Κώδικα», το οποίο όταν πατηθεί επιλέγει το σύνολο του κώδικα που έχει δημιουργηθεί καθιστώντας έτσι εύκολο για το χρήστη να αντιγράψετε γρήγορα τον κώδικα.
  • Η περιοχή για την παραγόμενη κωδικό στο κουτί τροπική επικάλυψη είναι πλέον επεξεργάσιμο με τη χρήση του "contenteditable" χαρακτηριστικό.
  • Διορθώθηκε ένα bug στο Lightbox προεπισκόπηση των επιλεγμένων εικόνων όπου οι Lightboxes μερικές φορές το άνοιγμα με λάθος διαστάσεις.
  • Περισσότερα προϊόντα από CosmoCoder

    Εμφάνιση φωτογραφιών, ήχου, βίντεο ωάρια βρίσκονται Δύο Display Modes Φιλτράρισμα FunctionaUty Πολλαπλές Gallery Σετ Υποστήριξη στήριξης με ρευστό Responsive Σχεδιασμός Δύο Χρώμα Σχέδια Πολλαπλές Ρυθμίσεις

    Γκαλερί για εικόνες, ήχου, βίντεο Coverfiow thumbnail Είδη τρόποι εμφάνισης αρχείο φίλτρο τύπου συνήθειας Κατηγορίες υγρό Responsive Σχεδιασμός Touch Screen Υποστήριξη CCGaNer HTM5 MULTIMEDIA GA1ERY Ο Βόλος ftot V.deos

    TRANSITIONS μεταβάσεις ΑΝΤΑΠΟΚΡΙΣΗ ΔΟΜΗΣΗ TOUCH NAVIGATION ΑΝΑ εναλλαγές διαφανειών CUSTOM HTML Λεζάντες ΠΕΡΙΕΧΟΜΕΝΟΥ HTML ΕΠΙΛΟΓΕΣ


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

Properties

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

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

ηλεκτρονικού εμπορίου, όλων των αντικειμένων, drag and drop, γκαλερί, γεννήτρια, HTML5, εικόνες, javascript, lightbox, γκαλερί lightbox, slideshow