Reputation: 73
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
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
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
Reputation: 14435
It appears that IE is aborting the image load:
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