תמונות תגובה קל עם

האינטרנט המודרני צריך להיות 100% ספריות תגובה וספריות חדש עושים את זה אפשרי יותר ויותר.

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

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

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

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

יש להעביר נתונים אלה בצורת ספרות עשרוניות, למשל עשרוני 0.5 מטרות 50% של התמונה (שמאל / ימין או למעלה / למטה). באופן טבעי, זה די מבלבל לעשות לבד. אבל, יש חינם זה מאפשר לך לחשב את עמדות באופן דינמי בדפדפן שלך.

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

אתה יכול למצוא לא מעט הדגמה חיה קישורים בריפו של GitHub, כולל קטעי קוד כדי להעתיק / להדביק אל האתר שלך.

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

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