multiple jQuery on one web page
Hi
I have a little problem. Firstival, I am completely new to JavaScript and jQuery. I know how to use a jQuery, adjust a little JavaScript code and/or its CSS, and get this working, but only when there is one jQuery per page. I am in the middle of designing a web page where will require two different libraries of jQuery. And as you may asume it is not working well together. Only first jQuery does. I read few post about how to go around with it using noConflict, however I couldn't get this working. I would very appreciate your help. I really need to learn how to apply more than just one jQuery library.
This is my web page I am working on:
http://lukasz-bebenek.com/AlfaRoofing/index.html
and this is the script in head:
-
<!-- these files are needed for lavalamp top menu -->
<link rel="stylesheet" href="Extras/menuTopSecond/lavalamp_test.css" type="text/css" media="screen">
<script type="text/javascript" src="Extras/menuTopSecond/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="Extras/menuTopSecond/jquery.easing.min.js"></script>
<script type="text/javascript" src="Extras/menuTopSecond/jquery.lavalamp.min.js"></script>
<script type="text/javascript" src="Extras/menuTopSecond/menu.js"></script>
<!-- these files are needed for image slider -->
<link rel="stylesheet" href="Extras/slider8/style.css" type="text/css" media="screen" />
<script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>
<script type="text/javascript" src="Extras/slider8/js/jquery.js"></script>
<script>jq = jQuery.noConflict(true);</script>
<script type="text/javascript" src="Extras/slider8/js/scripts.js"></script>
Is this part correct? Do I have that noConflict function in the right place? Did I wrote the code
-
<script>jq = jQuery.noConflict(true);</script>
right way?
If that all would be correct, what is the next step. Is the "Extras/slider8/js/scripts.js" the only peace of code I would need to adjust? What would I need to change in it to get all this working together?
this is the code for "scripts.js":
http://lukasz-bebenek.com/AlfaRoofing/Extras/slider8/js/scripts.js
I appreciate the help