Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

Safari in iOS8 image placement

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

Posted on Oct 1, 2014 2:19 PM

Reply
76 replies

Oct 21, 2014 10:41 AM in response to burnodo

Yup same problem here.... I was hoping 8.1 fixed this but NOPE.


My site is kayokokoswimwear.com and I get random images appearing in places they shouldn't be. Only way to fix is clear the safari cache AND close down the browser.


So I loaded up my MacBook Pro and connected my iPhone to it and launch Safari developer tools inspector on my iPhone... sure enough... let me give you an example of the problem...


Say a web site has two images - a tiger (filename: image1.jpg) and a lion (filename: image2.jpg). When the "problem - bug" occurs it switches these two images and here is the WEIRD PART... safari sees the lion image as filename image1.jpg and a tiger as filename image2.jpg!


Something s really wrong with http pipelines!!!!!!!!!!!! FIX ASAP!!!!!

Oct 22, 2014 3:51 PM in response to burnodo

I'm having similar issues with images loading in the wrong places, but mainly seeing totally glitched out images. PNGs having random particles all over the place, images not having the right color, looking like someone ran it through some sort of distortion effect in photoshop. It seems to be worse on websites that have very high HTTP requests and large numbers of images on the same website. It also seems to be doing it more on LTE or 4G than it does on Wireless.


I'm using an iPhone 6 with iOS 8.1.

Oct 22, 2014 7:11 PM in response to loadedforbear

A temporary fix for this is to use Settings > Safari > Clear History and Website Data. This will clear session cookies and will require you to log back into websites, but should fix the mismatched images (assuming the bug doesn't reproduce immediately upon reloading the website).


You may also be able to perform a more targeted (and temporary) fix by using Settings > Safari > Advanced > Website Data and then swiping to delete the specific website where the images were loaded. (Unfortunately there is no way to filter this list, so you have to search manually.)


For the websites affected, does the issue reproduce on both wi-fi and cellular data networks? (Be sure to Clear History and Website Data between test runs.) If this only reproduces on a cellular data network, which carrier are you using? Maybe there is a pattern here.

Oct 24, 2014 1:59 AM in response to ddkilzer

The same problem here, it's terrible 😟, this is what I found spending almost a day on it:

- It seems to occur only on iOS installs which were upgraded from iOS7 to iOS8 at websites which were visited already in iOS7. (Hard to test, because we are no longer allowed to go back to iOS7. So I am running out of devices...)

- I tried reloading all images in image tags and all css background images at the website with JS, but that didn't help, it still gives problems, but now with other images.

- After clearing the cache of the browser, the problem is gone forever (Which I don't like at all, because it makes it even harder to test, and I can't expect visitors of my websites to clear the cache before being able to use the website.)


Please Apple, could someone have a look at this soon?


This is the code I tried to reload all images and background images onload of the page for iOS8 and iOS8.1 only, but didn't solve the problem:


var iOS = /(iPad|iPhone|iPod)/g.test( navigator.userAgent );

var iOS8 = /(OS 8_1|OS 8_0)/g.test( navigator.userAgent );

if (iOS && iOS8){

var images = document.images;

var parser = document.createElement('a');

for (var i=0; i<images.length; i++) {

parser.href = images[i].src;

if (!parser.search){

images[i].src = images[i].src + '?cache=ios8ImageCache';

}

}



$("*").each(function() {

var bg_img = $(this).css("background-image");

if (bg_img !== "none") {

var url = /url\((.*)\)/i.exec(bg_img);

if (url) {

$(this).css("background-image", "url(" + url[1] + "?cache=ios8ImageCache)");

}

}

});

}

Oct 24, 2014 8:35 AM in response to burnodo

Has anyone found any other Apple developer discussions relating to this issue? if this is the only discussion about this issue I'm worried to bug may go unnoticed and there will be no immediate update to fix this in iOS8.


Here's some articles I found from around the web pertaining to the same issue:

http://toolguyd.com/bug-notice-front-page-image-swaps-with-ipad-ios-8-and-safari /

http://forum.cs-cart.com/topic/37542-http-pipelining-and-ios-8-safari-problem/

http://www.ausfifa.com/forums/index.php?threads/bug-notice-ios-8-safari-image-sw ap-glitch.511/

http://www.phonesreview.co.uk/2014/09/28/ios-8-0-2-update-problems-reported-by-s ome/

Here are some instances where the same issue happened in iOS5:

http://tech.vg.no/2011/12/14/safari-on-ios-5-randomly-switches-images/

http://tech.vg.no/2012/02/01/safari-on-ios-5-randomly-switches-images-part-3/

http://www.guypo.com/mobile/ios5-top10-performance-changes/

Also, has anyone noticed similar issues in Chrome for iOS? I have not, but just curious.

Here's to hoping for a quick fix!

Safari in iOS8 image placement

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple ID.