Prevent bug of flickering image when changing background image in chrome

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

תוכנות לעסקים פיתוח תוכנה ובניית אתרים

כניסת לקוחות

שם: סיסמה:

פרטי זיהוי שגויים שכחת את הסיסמה? הכנס מייל חוקי שאיתו נרשמת ונשלח לך שיחזור לסיסמה

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

052-663-5054
PC GROUP
ניתן ליצור קשר בטלפון בין השעות 19:00 - 8:00
מעבר לשעות הנ"ל ניתן ליצור קשר דרך האתר

טופס יצירת קשר

כתובת מייל

קבל הצעת מחיר

Prevent bug of flickering image when changing background image in chrome To prevent bug of flickering when changing background image (bug happens on chrome): 1. Preload the images by adding them on the end of your html <img src="images/button.png" style="display: none" alt="fixes chrome bug flicker on backgroundimage change" /> <img src="images/button2.png" style="display: none" alt="fixes chrome bug flicker on backgroundimage change" /> 2. If cache control header exists, when changing background image from javascript a flicker occures (tested on Chrome Version 31.0.1650.63) so we want to remove the cache cotrol header, this is done by adding this in your web.config: <system.webServer> <staticContent> <clientCache cacheControlMode="NoControl" /> </staticContent> </system.webServer> but this will remove the Cache-Control header from all pages, you want it to apply only to the specific images, so you can create a seperate web.config file in your images folder, but to remove it from only that specific button images and not all of them, you can write this: <location path="button.png"> <system.webServer> <staticContent> <clientCache cacheControlMode="NoControl" /> </staticContent> </system.webServer> </location> <location path="button2.png"> <system.webServer> <staticContent> <clientCache cacheControlMode="NoControl" /> </staticContent> </system.webServer> </location> (you can also achieve the same effect by writing these location tags in the main web.config with a /images prefix e.g. <location path="images/button.png"> )
Post a comment Your name: Your comment:

Prevent bug of flickering image when changing background image in chrome

To prevent bug of flickering when changing background image (bug happens on chrome):

1. Preload the images by adding them on the end of your html

2. If cache control header exists, when changing background image from javascript a flicker occures (tested on Chrome Version 31.0.1650.63)

so we want to remove the cache cotrol header, this is done by adding this in your web.config:

<system.webServer>

</staticContent>

</system.webServer>

but this will remove the Cache-Control header from all pages, you want it to apply only to the specific images, so you can create a seperate web.config file in your images folder, but to remove it from only that specific button images and not all of them, you can write this:

<system.webServer>

</staticContent>

</system.webServer>

</location>

<system.webServer>

</staticContent>

</system.webServer>

</location>

(you can also achieve the same effect by writing these location tags in the main web.config with a /images prefix e.g. <location path="images/button.png"> )

Post a comment
Your name:

Your comment:

צור קשר

פיתוח תוכנה

בניית אתרים

מידע והורדות

תחזוקת מחשבים