Hi All,
I'm building a new web page to have a slideshow gallery
"Default" scripts in empty page are the ones dedicated to slideshow and drop-down sub-menu
<script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="lib/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
<script type="text/javascript" src="lib/dropmenu/dropdowntabs.js"></script>
My gallery uses FancyBox Gallery [http://fancyapps.com/fancybox/] and need those scripts
<link rel="stylesheet" href="./fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.6" type="text/css" media="screen" />
<link rel="stylesheet" href="./fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.3" type="text/css" media="screen" />
<link rel="stylesheet" href="./fancybox/source/jquery.fancybox.css?v=2.1.0" type="text/css" media="screen" />
<!-- Add jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="./fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<!-- Add fancyBox -->
<script type="text/javascript" src="./fancybox/source/jquery.fancybox.pack.js?v=2.1.0"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<script type="text/javascript" src="./fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.3"></script>
<script type="text/javascript" src="./fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.3"></script>
<script type="text/javascript" src="./fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.6"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
});
</script>
I think "<script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>" conflicts with "<script type="text/javascript" src="
http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>"
If I delete "<script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>" the gallery is OK but the slideshow remains on loading
If I left "<script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>" the slideshow is OK but the gallery does not work.
All of the code above is inside <head>
Any Help to have both slideshow and gallery working?