Προσθέστε το αποτέλεσμα μεγέθυνσης στην ιστοσελίδα σας με το jfMagnify
Υπάρχουν πολλά δωρεάν πρόσθετα ζουμ που λειτουργούν εξαιρετικά καλά. Ωστόσο, τα περισσότερα από αυτά είναι για εικόνες και καθορίζουν οδηγίες για περιεχόμενο μόνο για την εικόνα.
Τι θα μπορούσατε προσθέστε ένα μεγεθυντικό αποτέλεσμα σε κάθε μέρος της ιστοσελίδας σας; Χάρη σε jfMagnify, μπορείς.
Είναι ένα δωρεάν plugin jQuery που υποστηρίζει όχι μόνο τη μεγέθυνση της εικόνας, αλλά και ολόκληρη τη μεγέθυνση της σελίδας. Είναι ένα από τα λίγα πρόσθετα που σας επιτρέπει επίσης επιλέξτε το επίπεδο μεγέθυνσης και υποστηρίζει συμβάντα αφής για χρήστες κινητών τηλεφώνων.
Σημειώστε ότι αυτό το plugin μπορεί να αισθάνεται λίγο βαρύ γιατί βασίζεται σε δύο εξαρτήσεις: τακτική jQuery και jQuery UI. Αυτά είναι και τα δύο απαραίτητα για να πάρει το jfMagnify να λειτουργεί σωστά. Για να μην αναφέρω το πραγματικό σενάριο jfMagnify θα πρέπει να συμπεριλάβετε στη σελίδα σας.
Η ρύθμιση είναι λίγο δύσκολη επειδή μπορείτε να στοχεύσετε μόνο μεγέθυνση στοιχεία μέσα σε ένα δοχείο. Αν θέλετε να στοχεύσετε ολόκληρη τη σελίδα, θα χρειαστεί συμπεριλάβετε μια τάξη σε ολόκληρο τον ιστότοπό σας.
Εδώ είναι πώς το ενιαία γραμμή jQuery θα μοιάζει με:
$ (". μεγεθύνετε") jfMagnify (); Οι στόχοι αυτοί όλα τα στοιχεία μέσα στο .μεγεθύνω δοχείο που συνήθως είναι α div στοιχείο.
Αυτά τα εσωτερικά στοιχεία μπορεί να είναι εικόνες, αλλά θα μπορούσαν επίσης περιλαμβάνουν μικρή εκτύπωση, για παράδειγμα σε όρους ιστότοπου ή σελίδας πολιτικής απορρήτου. Όλα τα έγγραφα είναι διατίθενται στο GitHub repo, οπότε μόλις το ρυθμίσετε, η όλη διαδικασία γίνεται πολύ πιο εύκολη.
Επίσης, αυτό το plugin είναι πολύ αστακό και έρχεται με πολλούς κανόνες εμπορευματοκιβωτίων. Για παράδειγμα, το στοιχείο δοχείου δεν μπορεί να έχει μια στατική θέση CSS, έτσι πρέπει είτε να είναι σχετική, απόλυτη ή σταθερή.
Μπορείς βρείτε όλους τους προεπιλεγμένους κανόνες στυλ στο GitHub repo αλλά ίσως να είναι ένας πόνος να προσαρμόσετε εάν η διάταξη σας είναι ήδη χτισμένη και τρέχει. Τα οφέλη του jfMagnify μου αξίζουν την προσπάθεια. Πραγματικά, εξαρτάται από τις ανάγκες σας και αν σας αρέσει η διεπαφή.
Ρίξτε μια ματιά στα έγγραφα στο GitHub για να δείτε τι σκέφτεστε. Και, μπορείτε επίσης προεπισκόπησης της διεπαφής στο CodePen, εάν θέλετε να δείτε τη βιβλιοθήκη στη δράση πριν την εγκαταστήσετε.
