[evolve]

Hi Ed, just want to give you a heads up on this issue. I finally got a developer to have a look at it and he found a solution:

I thought somehow IE10 stopped/failed to load the images in the carousel, so I tried adding these lines in the footer, in a hidden div, hoping they could force IE10 to load those images again.

Now we are sure it’s working, I have a new idea to fix the issue in a better way, let me try it. If the new idea doesn’t work, I will make changes to apply the current fix more properly. It’s lame, but at least it works and I think it’s the most important.

So from here he said he done the following:

I found that the bug related to the “imagesLoaded” script (it’s a part of isotope http://omr.evolvedesign.ie/wp-content/themes/flexform/js/jquery.isotope.min.js), somehow it prevented IE10 from loading the images. In the original theme, the carousel initialized on “imagesLoaded” event. To fix the bug in IE10, I made the carousel to initialize on window’s load event (jQuery(window).load) instead of “imagesLoaded”. The file I modified is http://omr.evolvedesign.ie/wp-content/themes/flexform/js/functions.js

The change I made was only for IE10 (it doesn’t affect other browsers). It’s not a perfect solution but at least it is enough for the client to approve this site. The perfect solution would be fixing the “imagesLoaded” script so that it becomes bug-free in IE10.

It was crazy bug. Sometimes it worked fine for 10-20 consecutive refreshes and yout would think it was fixed or at least you’d narrowed down the possibilities but then one more refresh and the images were broken again.

So we got it working and the client finally signed off. Thanks for looking into it, I have that this helps you remedy the issue within the theme.

Thanks
Mick

[evolve]

Hi Ed, thanks again for getting back to me, apologies i was on annual leave.
I have been testing this again this morning and it is still appearing on the site and on your demo – both in the News widget on the homepage. It is not happening on any other sites I have tested.
Still can’t find a solution this end.
Thanks
Mick

[evolve]

Sure Ed, thanks for looking at this again.
It happens to the ‘latest events’ section in your demo on the homepage (the News & Events section on my website – http://omr.evolvedesign.ie). Then it happens in the ‘meet the team’ page in your demo (the About us page on my website – http://omr.evolvedesign.ie/about/). Its only happening on these pages at the moment. Would you like me to send through some grabs?

Thanks
Mick

[evolve]

Hi Ed, thanks for the reply.

Our in-house systems use Windows 7. Our client is using Windows XP. Both are showing this error.
Thanks
Mick

[evolve]

Hi Ed, thanks for looking at this again.

I’m afraid it still happening on all our system in-house. Our client and various associates outside our system have check this, plus your demo site and it is happening on both of these.

I’ve been researching during the week but have still got no closer to an issue.
Thanks
Mick

[evolve]

Hi again Ed, just another update re: IE10. I was looking into the images that I have been having issue with loading/re-loading. They are on following pages:
http://omr.evolvedesign.ie
http://omr.evolvedesign.ie/about/ (Team Page)

What I see from the coding both are within <figure> and neither have alt= built into them. I wondering would it be something related to these? If I were to add an alt option to the single-team.php page, what would it be? And where else would I need to do this?

Maybe I’m barking up the wrong tree here, but might be worth a look.
Thanks
Mick

[evolve]

Hi Ed, I’m not sure as its a developer who researched and implemented changes.

Have you had any further thoughts on the IE10 image load issue?
Thanks
Mick

[evolve]

Hi again Ed
In relation to the IE10 image issue, would .(load) hack fix this?

Fixing .load() in IE for cached images

A further update for you. I got a developer we sometimes use to have a look at this and this is what he said and done:

Accordion Tabs & Revolution Sliders
http://omr.evolvedesign.ie/room-layouts/
See RoomLayout.jpg (attached)
On the page above I have a series of accordions with revolution sliders within the these. Sometimes they load fine (mostly in Chrome) but other times, some load and some don’t (IE/Firefox).

I think this issue is because the slider inits on document.ready event (the images may complete loading OR NOT). This slider gives each image width and height (css) when it inits. And in case the images haven’t completed loading yet, they will be given height=0 and won’t be visible. We have two ways to fix this:
Using height: auto !important for all the images in these sliders. The slider will only adjust the width of the images and the height will be automatically adjusted accordingly. You should just make sure the images have the same size.

The other issue with my sliders, overlapping, yep this was me, I needed to set slider setting to ‘Full Width’ and not ‘Responsive’.

If you want me to supply the updated files for you to have a look please let me know.
Thanks
Mick

[evolve]

Hi Ed, thanks for this update. Yes it does seem to be IE10, it is having the same issue with your demo site. IE10 is up to date as well
Thanks
Mick

[evolve]

Thanks for the reply Ben. Hopefully Ed can shine some light on it. Re: News images on homepage, yes its really odd. I thought it might be something to do with my test server hosting, but I migrated a copy of the site to another server and it is still doing this with IE.
Thanks

[evolve]

Thanks for the quick reply Ben. I had though as much too. We have even given stats to the client showing less than 6% of user viewing in IE8 in our country, but its a sticking point.
Thanks again for your response, I’ll let them know.
Thanks
Mick