I'm new here and this is my first post... Anyway I'm building an interactive brochure that uses something called thinglink images (thinglink.com). I have got it working in IE, yeah i know usually IE is the problematic browser, but it doesn't work in Firefox/chrome/safari. The brochure itself is working what is not working is the thinglinks on the image, thinglinks are small icons that play videos/music and link to other sites, they are linked via a script. I imagine it is a problem with my z-index's maybe? :S if you view the brochure in IE this is working perfectly, check it out in Firefox/chrome/safari and there is a layer in front of the links. ANY help would be appreciated, never really used a forum for help before but its been driving me nuts for the past 2 days. Its probably something small that I'm overlooking! Thanks for any help in advance! link to brochure is: http://designedbychris.co.uk/Dev/brochure/
Your thinglink thing seems to load jquery 1.7.2 and you are also loading jquery 1.7.1, I don't know enough to comment on that, but you definitely don't need two jquery files loading. ( Its possible they are clashing because your thinglink loads 1.7.2 first, then your site loads 1.7.1 after ) Suggestion, remove this : <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> Code (markup): ..and move this up, so its the first script called. <script charset="utf-8" type="text/javascript"> __tlid = '45116017210294279'; setTimeout(function(){(function(d,t){var s=d.createElement(t),x=d.getElementsByTagName(t)[0]; s.type='text/javascript';s.async=true;s.src='//cdn.thinglink.me/jse/embed.js'; x.parentNode.insertBefore(s,x);})(document,'script');},0); </script> Code (markup): Not saying that's the cause of your issue, just eliminating the possibility.