Need help from iPhone's users: does the image from the slider come up?

[Corobori]

Hi,

I have got an issue with a slider I am working on. Testing on browserstack the slider’s image doesn’t come up, on an actual device running iPhone 6S it does. I would like to make sure it works on any iOS’s version.

I would appreciate if you have an iPhone to go to http://bit.ly/sliderONios and tell me if you see the image as shown below. Let me know the version, iOS and browser you’re using.

Thanks for your help.

[PaulOB]

I can see the image in Safari on my Iphone 5s ios 11.2.6.

It takes a few seconds to load so I guess browserstack doesn’t wait long enough.

[ralphm]

Works on 6S and iOS 11.2.5. But it’s slow to load, and a bit JS heavy, so I’d recommend optimizing for desktop and mobile. You’d be better off with an optimized background image and not all that JS loading. Those 10+ seconds of blank-screen loading may lose a lot of visitors, for questionable gains.

[Corobori]

@ralphm @PaulOB I did some homework and the reason why the banner wasn’t coming up as I was expecting on some devices was due to a missing ) in my code

Thanks for your help guys, your comments made me look deeper and what was going on.

Wrong

<div class="item" style="background-image:url(docs/banner/Banner_059094020278.jpg">

Better

<div class="item" style="background-image:url(docs/banner/Banner_059094020278.jpg)">

I detected this issue with an HTML checker and Google PageSpeed Insights seems to like it better, even on it the image wasn’t coming up without that ). See for yourself

[Corobori]

Thanks guys your help. With some tweaking I managed to get a decent time on https://testmysite.thinkwithgoogle.com