הוסף אפקט מגדלת בדף האינטרנט שלך עם jfMagnify

יש הרבה חינם התקרבות תוספים - - זה עובד טוב מאוד. עם זאת, רוב אלה שנבנה עבור תמונות והם מציינים כיוונים תוכן תמונה בלבד.

מה אם אתה יכול הוסף אפקט מגדיל לכל חלק של דף האינטרנט שלך? הודות ל jfMagnify, אתה יכול.

זה תוסף חינם התומך לא רק התקרבות התמונה, אלא גם כל הדף התקרבות. זה אחד plugins כמה גם מאפשר לך לבחור את רמת ההגדלה ו תומך אירועי מגע עבור משתמשים בנייד.

הערה תוסף זה יכול להרגיש קצת כבד בגלל זה מסתמך על שני תלותYou רגיל jQuery ו ממשק המשתמש של jQuery. אלה הן הכרחיות כדי לקבל jfMagnify עובד כראוי. שלא לדבר על סקריפט jfMagnify בפועל יהיה עליך לכלול את הדף שלך.

ההתקנה היא קצת מסובך כי אתה יכול רק למקד אלמנטים מוגדל בתוך מכולה. אם אתה רוצה למקד את כל הדף תצטרך לכלול בכיתה מעל האתר כולו שלך.

הנה איך שורה אחת של jQuery ייראה כך:

 $ (". magnify") jfMagnify (); 

מטרות אלה כל האלמנטים בתוך .להגדלה מיכל אשר בדרך כלל א div אלמנט.

אלמנטים פנימיים אלה יכולים להיות תמונות, אבל יכול גם כולל הדפסה קטנה, למשל במונחי אתר או בדפי מדיניות פרטיות. כל התיעוד הוא זמין ריפו GitHub, אז ברגע שאתה מגדיר את זה, התהליך כולו הופך להיות הרבה יותר קל.

כמו כן, תוסף זה הוא מאוד הפכפך ומגיע עם הרבה כללי מכולה. לדוגמה, אלמנט הגורם המכיל לא יכולה להיות עמדת CSS סטטית, כך שהוא צריך להיות יחסי, מוחלט או קבוע.

אתה יכול מצא את כל כללי ברירת המחדל של הסגנון ב GitHub ריפו אבל זה יכול להיות כאב כדי להתאים אישית אם הפריסה שלך כבר בנוי & פועל. היתרונות של jfMagnify הם, בשבילי, שווה את המאמץ. באמת, זה תלוי בצרכים שלך והאם אתה אוהב את הממשק.

תסתכל על המסמכים על גייתוב כדי לראות מה אתה חושב. וגם, אתה יכול גם תצוגה מקדימה של ממשק ב- CodePen אם אתה רוצה לראות את הספרייה בפעולה לפני התקנתה.