I am having an annoying clash of JavaScript/jQuery, I wonder if anyone is able to help?
My page: http://www.matine.co.uk/parallax-trial.html
So I have been trying out Parallax Scrolling which has gone ok (after much work of course!)... and then I tried to create an image gallery with a Lightbox mechanism. After MUCH trial and error to work out why the Lightbox wasn't working, I worked out that the Parallax and the Lightbox scripts are clashing...
The Lightbox mechanism only works if I remove the following line of code which are the links needed for the Parallax mechanism (at the bottom of the HTML page):
<!-- Our Javascript, starting with jQuery -->
<script src='js/libs/jquery-1.6.1.min.js'></script>
<script src="js/script.js"></script>
<!--[if lt IE 7 ]>
<script src="js/libs/dd_belatedpng.js"></script>
<script>DD_belatedPNG.fix("img, .png_bg");
<![endif]-->
The problem is that I don't really understand any of the scripts, I'm actually not even sure which ones are jQuery or Javascript in the scripts I have used! Not very good!
Anyone?!![]()


Reply With Quote
Bookmarks