JQuery conflict with external script
Hi,
In the head of my page I have the following code:
- <script src="http://code.jquery.com/jquery-latest.min.js"
- type="text/javascript"></script>
- <script type="text/javascript" src="/templates/mobile/detect.js"></script>
This is a screen width detect which calls an external .css sheet. This works fine.
In the body I have a series of embedded interactive photos which are held at occipital.com.
These work fine when I do not include line 1 & 2. Once those lines are included the images are no longer interactive, they shift their position on the screen and display other bugs.
<script src="http://occipital.com/360/embed.js?pano=bdJJ2m&width=575&height=300">
</script>
I'm thinking this is something to do with the famous noconflict. However because the script is from an external embed I can't alter the .js. Does anybody have an answer or any suggestions?