imgix.js

imgix.js פועל באמצעות API של imgix לבצע סדרה של פעולות ושינויים על התמונות של האתר שלך.

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

זה כולל תמיכת חילוץ צבעים, סיבוב או חיתוך תמונות, טקסט שכבות, אפקטים לתמונה, ואפילו התמונה watermarking.

imgix.js ניתן להשתמש עם אתרים הכתובים וניל JavaScript, או שאתה יכול להשתמש בגירסה jQuery שלה אם אתה משתמש jQuery באתר שלך.

דוגמאות והוראות שימוש כלולות עם חבילת ההורדה

מה חדש במהדורה זו:.

< li> מאפיינים:
• הוסר כל הקוד הנוגע חתימת כתובות imgix עם אסימון API שלך. החלטנו כי קוד זה אינו מותאם היטב עבור קוד בצד הלקוח כמו imgix.js. אם אתה צריך להשתמש בכתובת אתר חתם, אנו ממליצים להשתמש באחת מספריות הלקוח שלנו במקום.
• נוסף פרמטר המצערת imgix.fluid. פרמטר זה קובע באיזו תדירות תמונות טעון עצלן מתשאלים את viewport כדי לקבוע אם הם צריכים לטעון המקור שלהם או לא. זו הוגדרה בעבר על ידי פרמטר debounce, אשר מטפל גם תשאול לאירועים שינוי גודל החלון. ערך ברירת המחדל עבור מצערת הוא 200ms.
• תיקוני באגים:
• תוקן באג בקוד lazyLoad שלנו כי הייתה למנוע תמונות חתוכות על ידי הצדדים למעלה או בצד ימין של נקודת מבט דפדפן ממתן כראוי.
• תוקן באג שיכול לפעמים לגרום imgix.fluid כדי לא מתנהגים כראוי אם מקור התמונה כבר במטמון של הדפדפן.

מה חדש בגירסה 2.0.0:

• תכונות:
• הוסר כל הקוד הנוגע חתימת כתובות imgix עם אסימון API שלך. החלטנו כי קוד זה אינו מותאם היטב עבור קוד בצד הלקוח כמו imgix.js. אם אתה צריך להשתמש בכתובת אתר חתם, אנו ממליצים להשתמש באחת מספריות הלקוח שלנו במקום.
• נוסף פרמטר המצערת imgix.fluid. פרמטר זה קובע באיזו תדירות תמונות טעון עצלן מתשאלים את viewport כדי לקבוע אם הם צריכים לטעון המקור שלהם או לא. זו הוגדרה בעבר על ידי פרמטר debounce, אשר מטפל גם תשאול לאירועים שינוי גודל החלון. ערך ברירת המחדל עבור מצערת הוא 200ms.
• תיקוני באגים:
• תוקן באג בקוד lazyLoad שלנו כי הייתה למנוע תמונות חתוכות על ידי הצדדים למעלה או בצד ימין של נקודת מבט דפדפן ממתן כראוי.
• תוקן באג שיכול לפעמים לגרום imgix.fluid כדי לא מתנהגים כראוי אם מקור התמונה כבר במטמון של הדפדפן.

מה חדש בגירסה 1.1.2:

• תכונות:
• הוסר כל הקוד הנוגע חתימת כתובות imgix עם אסימון API שלך. החלטנו כי קוד זה אינו מותאם היטב עבור קוד בצד הלקוח כמו imgix.js. אם אתה צריך להשתמש בכתובת אתר חתם, אנו ממליצים להשתמש באחת מספריות הלקוח שלנו במקום.
• נוסף פרמטר המצערת imgix.fluid. פרמטר זה קובע באיזו תדירות תמונות טעון עצלן מתשאלים את viewport כדי לקבוע אם הם צריכים לטעון המקור שלהם או לא. זו הוגדרה בעבר על ידי פרמטר debounce, אשר מטפל גם תשאול לאירועים שינוי גודל החלון. ערך ברירת המחדל עבור מצערת הוא 200ms.
• תיקוני באגים:
• תוקן באג בקוד lazyLoad שלנו כי הייתה למנוע תמונות חתוכות על ידי הצדדים למעלה או בצד ימין של נקודת מבט דפדפן ממתן כראוי.
• תוקן באג שיכול לפעמים לגרום imgix.fluid כדי לא מתנהגים כראוי אם מקור התמונה כבר במטמון של הדפדפן.

מה חדש בגירסה 1.1.0:

• תכונות:
• הוסר כל הקוד הנוגע חתימת כתובות imgix עם אסימון API שלך. החלטנו כי קוד זה אינו מותאם היטב עבור קוד בצד הלקוח כמו imgix.js. אם אתה צריך להשתמש בכתובת אתר חתם, אנו ממליצים להשתמש באחת מספריות הלקוח שלנו במקום.
• נוסף פרמטר המצערת imgix.fluid. פרמטר זה קובע באיזו תדירות תמונות טעון עצלן מתשאלים את viewport כדי לקבוע אם הם צריכים לטעון המקור שלהם או לא. זו הוגדרה בעבר על ידי פרמטר debounce, אשר מטפל גם תשאול לאירועים שינוי גודל החלון. ערך ברירת המחדל עבור מצערת הוא 200ms.
• תיקוני באגים:
• תוקן באג בקוד lazyLoad שלנו כי הייתה למנוע תמונות חתוכות על ידי הצדדים למעלה או בצד ימין של נקודת מבט דפדפן ממתן כראוי.
• תוקן באג שיכול לפעמים לגרום imgix.fluid כדי לא מתנהגים כראוי אם מקור התמונה כבר במטמון של הדפדפן.

מה חדש בגירסה 1.0.18:

• imgix.fluid תומך כעת אופציה ignoreDPR שכאשר נקבע כאמת לא מגדיר את פרמטר DPR imgix (אפילו במסכי רשתית). אפשרות זו ברירת המחדל היא שקר עבור תאימות לאחור

מה חדש בגירסה 1.0.17:

• imgix.fluid תומך כעת אופציה ignoreDPR שכאשר נקבע כאמת לא מגדיר את פרמטר DPR imgix (אפילו במסכי רשתית). אפשרות זו ברירת המחדל היא שקר עבור תאימות לאחור

דרישות :

• לאפשר JavaScript על הלקוח בצד
• jQuery 1.6 ומעלה (עבור תוסף jQuery)