tainterr
tainterr

Reputation: 73

No images on IE only black box with white x

I have multiple flex sliders loading on this page: http://pamelahnelson.com/category/public-art/ Normally if you click the white 'x', they show, but I have it triggering an event to slide open the detail view. Regardless, I think it is a security setting in the browser or similar that is blocking them, but what I really want to know is why this is being triggered? And of course, if there is a work around so that IE doesn't do this. I've used multiple flex sliders before without this problem.

Upvotes: 2

Views: 16267

Answers (3)

Vanquished Wombat
Vanquished Wombat

Reputation: 9535

In 2018 this could be related to the X-Content-type: nosniff header being emitted by the web server. This tells the browser to pay attention to the mime type (content-type header) in the image data response from the server. If it is not image/* then IE11 will decide it is dodgy and show the black-box with white-cross. Use Fiddler or similar to observe the headers from the server to confirm.

Upvotes: 1

mellowd3
mellowd3

Reputation: 21

This is a bit older post but I just had this issue and it was fixed by re-saving my images to ensure the encoding was RGB, not CMYK. IE8-IE10 don't display CMYK images.

Upvotes: 0

jk.
jk.

Reputation: 14435

It appears that IE is aborting the image load: enter image description here

This could be because the script is trying modify an element before it's fully loaded.

There is quite a bit of js going on in your site so look into whatever script is writing the image files to the DOM.

There is also a couple of errors in the console:

event.returnValue is deprecated. Please use the standard event.preventDefault() instead. jquery.js?ver=1.10.2:4

cannot call methods on isotope prior to initialization; attempted to call method 'reLayout'

I would start with fixing the console errors since those cause IE quite a bit of heartburn.

Upvotes: 0

Related Questions