4 June 2014 at 00:29 #3378dannaParticipant
Thanks for setting up my user account. Sorry I didn’t see that option before.
I am using easy fancy box on this page of a client site which uses the Genesis Framework –
The image map and easy fancy box work beautifully across all platforms and devices, including the ipad.
I then cloned that site in a /dev folder, switched the non mobile responsive child theme to a mobile responsive one and the same page can be seen here –
At issue is that now the red dots no longer pull up the easy fancy box images – on the ipad – (laptops and desktops work fine, as does Safari).
I don’t see any multiple jquery versions (but you might), and the only thing the jumps out at me is the doctype. The live site used a W3C doctype, while the /dev site uses a generic doctype. I have a support ticket into Studio Press about this.
Can you see anything that might be causing easy fancy box not to work on the /dev site in mobile responsive environments? I’m just not sure how to troubleshoot this.
Many thanks for any ideas.
4 June 2014 at 01:55 #3379RolfKeymaster
Hi Danna, I’ve seen a wrong or missing DOCTYPE do funny things in Internet Explorer but not yet in the iPad browser variant. But I cannot rule out the possibility. Even though the declaration
<!DOCTYPE html>is a valid (HTML5) one, it might be interesting to quickly test with simply replacing it with
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">to see what happens. But please remember to place the original doctype declaration back because the theme uses HTML5 tags so it actualy must have the doctype it has now.
Looking at the dev site with an Android tablet (don’t have an iPad) I notice the image map link zones do not seem to be there at all. Tapping the red dots does not open an image even without the lightbox effect. Strange.
What happens if you disable Easy Fancybox? Do the linked areas (red buttons) pull up the linked images then? If not, there might be a conflict going on with another script running on the dev site. Or there might be something (small) wrong with the image map code. Like the
target="null"attribute because I’m not sure if a ‘null’ value is allowed. Maybe replace it with ‘_blank’ or a friendly name like ‘imagetab’?
Thinking about it, I’d start with that last suggestion. And you might want to pass your site through http://validator.w3.org/check?uri=http://www.pedruxella.com/dev/first-floor-map/&charset=%28detect+automatically%29&doctype=HTML5&group=0 to make sure it validates 🙂
- You must be logged in to reply to this topic.