2 jquery versions conflict
Hello everyone,
I am making a website and i'm using jquery to make some menus
animation and a image loading with background opacity. I'm using this
script here and well, my problem is:
<script type="text/javascript" src="fancybox/jquery-1.3.2.min.js"></
script>
<script type="text/javascript" src="fancybox/jquery.easing.1.3.js"></
script>
<script type="text/javascript" src="fancybox/
jquery.fancybox-1.2.1.pack.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
</script>
<script type="text/javascript" src="js/jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="js/rollover.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript">
setTimeout(function() { $('#page-wrap').fadeIn(); }, 4500);
</script>
<script type="text/javascript">
$j(document).ready(function() {
$j('.thumbs a').fancybox ({
'overlayOpacity': 0.95,
});
});
</script>
Everything is working ok, no conflict between the two versions of
jQuery of the menus and the one in the gallery. But when I click on
the image to open the gallery it makes the loading and the opacity,
BUT the image does not appear!
I think, probably I will need to add $j on one of this files
jquery.easing.1.3.js, jquery.fancybox-1.2.1.pack.js,
jquery-1.3.2.min.js
Hope someone can help me find the solution. Thank you for your time !