iziModal.js - Ένα πραγματικά δυναμικό παράθυρο modular jQuery Plugin

Τα περισσότερα παράθυρα τρόπων φαίνεται να να αποσπά την προσοχή και να ενοχλεί τον επισκέπτη με opt-in πεδία και ανεπιθύμητες προσφορές. Αυτές οι μορφές αναλαμβάνουν συχνά ολόκληρη τη σελίδα, φαίνονται τρομερές και δεν προσφέρουν έναν σαφή τρόπο να κλείσουν το παράθυρο. Ευγνομονώς, iziModal.js είναι ακριβώς το αντίθετο.

Είναι ένα από τα πιο κομψά modular plugins που έχω δει ποτέ και με ενθουσιάζει να αλληλεπιδράσει με modals και πάλι.

Το iziModal.js είναι a jQuery plugin έτσι χρειάζεστε ένα αντίγραφο της βιβλιοθήκης jQuery για να λειτουργήσει αυτό. Αλλά είναι πολύ ελαφρύ και μπορείτε ακόμη και συμπεριλάβετε τη βιβλιοθήκη εξωτερικά από το CDNJS.

Σημειώστε ότι αυτό το πρόσθετο συνοδεύεται πολύ διαφορετικών επιλογών. Μπορείτε να περάσετε τις επιλογές σε στυλ το μέγεθος του τρόπου, τον τύπο του πλαισίου και το κινούμενο σχέδιο. Αλλά μπορείτε επίσης δημιουργήστε λειτουργίες επανάκλησης εάν ο χρήστης κλείσει ένα modal ή κάνει κλικ σε ένα συγκεκριμένο στοιχείο.

Μπορείς να βρεις πολλά παραδείγματα στο CodePen, αλλά μου αρέσει πολύ demos που φιλοξενούνται στην αρχική σελίδα του iziModal. Συγκεκριμένα, ελέγξτε το επιλογή ενσωμάτωσης iframe όπου έχει έναν αυτόματο παίκτη Vimeo αναμεταδότησαν στην τροχιά.

Ο σχεδιασμός είναι υπέροχος και το μοντέλο πραγματικά αισθάνεται σαν να είναι μέρος της διασύνδεσης. Η ποιότητα των κινούμενων σχεδίων είναι επίσης εντυπωσιακή και όλα αυτά τροφοδοτούνται CSS3 & jQuery.

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

 $ (document) .on ('κλικ', '.trigger', συνάρτηση (event) event.preventDefault (); $ ('# modal'). 

ο iziModal () έχει πάνω από 45 διαφορετικές επιλογές που μπορεί να περάσει σε προσαρμόσετε το παράθυρο τρόπου. Εχει επίσης προσαρμοσμένα συμβάντα που μπορει λειτουργίες ενεργοποίησης όπως όταν ένα modal ανοίγει, κλείνει ή πηγαίνει σε πλήρη οθόνη.

Αυτό είναι ένα απίστευτα μαζικό έργο και είναι εύκολα ένα από τα αγαπημένα μου modular plugins από ένα σχεδιασμού και χρηστικότητας.

Για να πάρετε ένα αντίγραφο της πηγής, μπορείτε είτε να το κάνετε τραβήξτε το μέσα από npm ή κατεβάστε από το GitHub. Και αν έχετε προτάσεις σχετικά με την προσθήκη ή απλά θέλετε να μοιραστείτε τις ευχαριστίες σας μπορείτε να τιτσάνετε τον δημιουργό Marcelo Dolce @marcelodolce.