iPad 1 - images sometimes don't load

I have just put teachforfriendship.org online using the Hot Flashes template. Getting lots of positive comments. It's a great template and very well documented.

One person using an iPad told me that sometimes the home page / interior page images don't load leaving a blank white area.

I checked that out on my own iPad 1, MB292LL, version 4.3.5, Safari Browser and it is a problem. I could not find anything systematic over many tries regarding when an image loads and when it doesn't.

I also notice this happening occasionally on my iMac when I move the cursor quickly over the 5 main links. The last one, the one most to the right, seems to be the worst.

Are there any changes I can make that would help?

Hi, open templates\hot_flashes\flashes_menu\menu.js


you will find this:


replace it with this:

or download template tomorrow and take new menu.js from it.

This seems to fix the iMac response but the iPad response is about the same.

I found the following bit of code on
blog.0100.tv/2010/05/fixing-the-hover-ev...-the-ipadiphoneipod/

To emulate the hover we simply add an event listener to the element we want to have a hover event. In jQuery we do this (make sure you insert it into document.ready):

//ipad and iphone fix
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
$(".menu li a").click(function(){
//we just need to attach a click event listener to provoke iPhone/iPod/iPad's hover event
//strange
});
}

That should enable the element to be touched, and stimulate and iPad hover event.

Could this be used somewhere in the template's code?

Thanks for the prompt responses.
Dan

Hi, we tested that yesterday on ipad1 and ipad2 , maybe you did not apply fix right, or you just need to somehow refresh (try Settings->Safari->Clear history)

Best download template again and copy menu.js from new template.

Ivan,
Thanks for your support.
Dan