The theme works fine, except for one thing: When viewing the homepage on a mobile device (Safari/iOS) the background images for the four round images below the title usually don’t show up. (They do on rare occasions, but usually the round images are just black (I set a black background and reduces the opactity to make them darker so that the text is more visible).)
When checking the source code, I find this:
The a-tag which contains the background image, which seems to be set using javascript/jQuery, is “undefined”.
The browser console shows one error:
jquery.js?ver=1.12.4:1 GET http://tjomlid.com/undefined 404 (Not Found)
Sa @ jquery.js?ver=1.12.4:1
css @ jquery.js?ver=1.12.4:1
(anonymous) @ jquery.js?ver=1.12.4:2
Y @ jquery.js?ver=1.12.4:1
css @ jquery.js?ver=1.12.4:2
(anonymous) @ jetpack-carousel.js?ver=20170209:1
i @ jquery.js?ver=1.12.4:1
fireWith @ jquery.js?ver=1.12.4:1
ready @ jquery.js?ver=1.12.4:1
K @ jquery.js?ver=1.12.4:1
Can the problem be that the event to insert the background-image is triggered before the original image () has loaded? And if so, how can I fix that?
Any idea why this happens? I have tried disabling some plugins that might affect this, but no change.
Hi,
Could you download the background images and upload to your website and use them without an external link?
And also did you try to disable jetpack plugin and clear the cache and try it again?
Thanks
It turns out that the Photon-setting (“Speed up images and photos”) of Jetpack moves the images to i1.wp.com. I turned off Photon, and now the images are server locally from tjomlid.com. But still the same problem persists…
Or maybe not… I got black backgrounds/images for a few minutes, but now theu seem to show up. So maybe it was just a local cache-problem that didn’t pick up the change immediately.