multiple jquery script conflict?
hi guys
new to jquery so need some help - i have multiple jquery scripts on my site but there seems to be a conflict and I cant figure out how to solve it.
I've had a read on http://docs.jquery.com/Using_jQuery_with_Other_Libraries#Referencing_Magic_-_Shortcuts_for_jQuery and http://stackoverflow.com/questions/528241/how-do-i-run-different-versions-of-jquery-on-the-same-page but not having any luck...
could someone tell me where im going wrong? here is my code;
[code]
<head>
<link href="/css/styles.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<link href="/css/stylesIE6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="/css/stylesIE7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 8]>
<link href="/css/stylesIE8.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link rel="shortcut icon" href="/img/structure/favicon.ico" type="image/x-icon" />
<link rel="icon" href="/img/structure/favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="/ie6pngfix/iepngfix_tilebg.js"></script>
<script type="text/javascript" src="/js/jquery-1.3.1.min.js"></script>
<script>
var jq131 = jQuery.noConflict();
</script>
<script type="text/javascript" language="javascript" src="/js/hoverIntent.js"></script>
<script type="text/javascript" language="javascript" src="/js/jquery.dropdown.js"></script>
<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/js/slides.min.jquery.js"></script>
<script type="text/javascript">
jQuery(function () {
// Set starting slide to 1
var startSlide = 1;
// Get slide number if it exists
if (window.location.hash) {
startSlide = window.location.hash.replace('#', '');
}
// Initialize Slides
jQuery('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
generatePagination: true,
play: 5000,
pause: 2500,
slideSpeed: 1200,
hoverPause: true,
// Get the starting slide
start: startSlide,
animationComplete: function (current) {
// Set the slide number as a hash
// window.location.hash = '#' + current;
}
});
});
</script>
<script type="text/javascript" src="/js/prototype.js"></script>
<script type="text/javascript" src="/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="/js/lightbox.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(jQuery) {
</script>
<!-- Share this button script -->
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'c0b04a1e-f627-42e8-b040-cbfb63bd9b1c'});</script>
</head>
[/code]
thanks in advance
Omar.