DW Boostrap issues with jQuery
Hey Guys,
I am pulling my hair out with this one.. I built a website with Boostrap in Dreamweaver CC 2017,and all is good, but when you build a page using bootstrap it puts a jQuery call at the bottom or the page example below... The problem arises when I try to add a random image rotator that also uses jQuery but a different version, and so if I get rid of the jQuery call at the bottom of the page (1.11.3min.js) the navbar dropdown menus stop working, but the random image rotator works. And if I get rid of the call for the random rotator the navbar starts working again..
I have tried several different image rotators that are jQuery and they will not work while the Boostrap jQuery call is at the bottom of the page.
How can I get all to work on the page? Is this a common problem with Dreamweaver CC 2017??
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.js"></script>
Here is the call/jQuery code:
<script src="Scripts/jquery.min.js"></script>
<script src="Scripts/jquery.banner-rotator.js"></script>
<script>
$(window).load(function() {
$('#myRotator').bannerRotator({
width:963,
height:456,
delay:8000,
cpanelPosition:'center bottom',
navButtons:'large',
navThumbs:false,
tooltip:'image',
depth:'auto',
shuffle: true,
effect: 'fade',
pauseOnHover: true,
thumbnails:'none',
playButton:false
});
});
</script>
<script>
$(window).load(function() {
$('#myRotator2').bannerRotator({
width:286,
height:456,
effect:'fade',
shuffle:true,
timer:'none',
navButtons:'none',
hideControl:true,
pauseOnHover: true,
playButton:false,
thumbnails:'none'
});
});
</script>
Thanks
Ken
