You can make a difference in the Apple Support Community!
When you sign up with your Apple Account, you can provide valuable feedback to other community members by upvoting helpful replies and User Tips.
When you sign up with your Apple Account, you can provide valuable feedback to other community members by upvoting helpful replies and User Tips.
On many different webpages, pictures seem to show up in the wrong place. On one page there's a group of my friends and their avatars, but a few of the avatars are from pictures located else where on the page. On a page with many pictures, I find that some pictures repeat, while others don't show up at all. Could this be related to the pic uploaDing problems I've seen discussed elsewhere?
iPad, iOS 8, Downloaded latest iOS
In most cases that i've seen this problem, Web Inspector is already deactivated.
We had this problem as well and the solution for us was to remove all <img> tags in our HTML and use css classes with background property instead. Here's an example:
.img_logo {
background: url(../images/logo.png?v=20150427) no-repeat;
width: 175px;
height: 49px;
display: block;
}
Feels kind of awkward, I know, but this was the only way that solved the problem for us. One drawback is that we had to remove the "alt" for the images but I guess you can solve that with some javascript if necessary.
Hope this helps!
7 months have past now since my initial bug report to Apple and it hasn't progressed one bit. I've posted it on OpenRadar and ping'd it over to a few important Radar guys including Timothy Hatcher (xeenon), WebKit Developer Experience Manager at Apple. Creator of Web Inspector and Colloquy. He said he would hit up the Radar team.
No progress, no updates, nothing! I can only pray that its fixed in iOS9. I've already gone down the route trying to see if there is something on our end but everything points back at a problem with iOS8, as the problem doesn't occur on any other devices or iOS7.
Come on Apple, what do we have to do to get your attention? I would actually even be happy with a 'closed ticket due to duplication'. At least I would know Its been seen then.
I was experiencing this issue with a new website I just launched. Everything looked just fine in Chrome/FF/Opera etc., but I had major image swapping issues with Safari in iOS 8. I noticed that on all of these threads, the websites in question ALL used Litespeed web server. After a few days of testing, here is what we did to fix it:
In Litespeed, we disabled these two settings:
Enable Compression
Enable Dynamic Compression
We turned those two options off and everything appears to be loading correctly at the moment. I'm not sure that clearing Safari's cache is even necessary to reflect the changes.
Why does this happen exactly? I don't know, but I do believe this is an iOS 8+ bug that DEFINITELY needs to be fixed in the next release. Hopefully this suggestion can help someone in a similar situation!
My server is on litespeed and I am having this issue. Has anyone tried and had success with kantonacci's solution above and what type of performance implications will disabling these settings have?
Hey Justin,
Performance impact was minimal. I can't say it will be the same for your configuration, but there was almost no impact on our end. I should say we are running on a relatively beefy dedicated server, however.
I'm no server admin, but you shouldn't have any issues if you disable these options and test your site. If performance degrades heavily, you can always switch them back on. I would consult your host before doing so if possible, but it seems to have worked for us.
Thanks kantonacci, I'll give it a try and see what happens.
I use the img tag this way such as : <img src="images/duofertil/page4-image_69.png"/> . It is correct in Android phones , but in the IOS8 it is gonna be different . Imgs goes the wrong place . Sometimes is image1 ,sometimes img2 ,sometimes is correct . It is drove me crazy .
Finally , I solved this problem in this way. I write code like this : <img tag="images/duofertil/page4-image_69.png" src="images/loading.png"/> ; when the img is loaded , I use javascript get img tag's attribute and replace the img tag's attribute src's value with it's attribute tag's value . I'm afride I don't know why , but it is correct in the end .
force the site to load with www in front.. that solved the issue for me.
In Litespeed, i tried disabling these two settings:
Enable Compression
Enable Dynamic Compression
It's seemed to do it less often but did not solve it completely for me, still no solution that's working for me.
I wanted to add that we seem to have found a solution in our case.
We upgraded litespeed and enabled http/2. It loads faster and we no longer get any image swapping. I believe this is due to the way http/2 delivers assets. It's really worth taking steps towards using http/2. There are plenty of benefits.
Has anyone noticed if the image swapping issue still happens with iOS 9? I haven't seen it happen on my iphone 6 running iOS 9 yet. Does iOS 9 have pipelining enabled for images which seems to have been causing it with iOS 8?
Still seems to be happening on my ipad on iOS 9.
Is it happening on LTE or WiFi? Can anyone else confirm that it is happening with iOS 9?
If we can get a few people to confirm we should have everyone put in an official bug ticket to Apple. We have to keep trying to get a solution that will work for everyone.
I can't believe Apple still hasn't solved this. I am sure that the iOS 9 Chrome browser works perfectly every time.
I've only tested it on wifi.
I've tried this which didn't work for me.
In Litespeed, i tried disabling these two settings:
Enable Compression
Enable Dynamic Compression
I've also tried turning off Keep Alive which did not seem to work either.
https://www.litespeedtech.com/support/forum/threads/http-pipeline-issue-with-ios .11143/
Safari in iOS8 image placement
