Streaming live at 10am (PST)

Preloaded Images Code not working

#1

Hi there,

I’m hoping someone can advise on this. I have some rollover links which have another image on the hover state. I’ve added custom code on embed to load the rollover states to avoid them blinking while the image loads.

I have added this code which covers all the images. However I still get blinking images rather than a smooth transition.

body:after { position: absolute; visibility: hidden; overflow: hidden; width: 0; height: 0; content: url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ebec_Autovation_BW.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ebc7_Autovation_C.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ebef_paddybox_BW.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ec84_paddybox_C.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ec0f_Erris_BW.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ec52_Erris_C.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ec1b_Edanu_BW.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134eca8_Edanu_C.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ebcb_TomOHawkes_BW.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ec67_TomOHawkes_C.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ec66_ThePrintPanda_BW.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ebed_ThePrintPanda_C.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5ac27b38f2c0a911253b5fb5_MDCS_C.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5ac27af060db49ae9248d646_MDCS_BW.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5a8568b97152ef000134ec48_MentorTalent_C.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5bbbb64386f1ae3f5f49d510_Kooplah_C.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5bbbb62f96fa780854d798f5_Kooplah_BW.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5bbbb8162b8b995a9fd2ba47_smart-c.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5bbbb80096fa78587ad79b3a_smart_BW.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5bbbb8b5dcca69d2dca8d02c_crescent-C.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5bbbb8a43136845803626e9a_crescent-BW.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5bbbb7932b8b9979efd2b96d_nmdgrey.jpg) url(https://uploads-ssl.webflow.com/5a8568b97152ef000134eb97/5bbbb7a95cb663a92f05afbe_nmcdblack.jpg) }

https://preview.webflow.com/preview/webcraft?utm_source=webcraft&preview=88a819c72917d317c766b3b3a4e2078f

This affects the website links on home page and web design page.

Thanks for your help.

Niall