So I'm pretty new to web design and Dreamweaver, but I've managed to put something fairly solid together. The only problem I'm having is that my two main javascripts for images - one slider and one lightbox gallery - are canceling each other out. If one works, the other cannot. Here's the code at the head. Any advice?
Code:
<link rel="stylesheet" href="http://bytes.com/nivo-slider/themes/default/default.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://bytes.com/nivo-slider/themes/pascal/pascal.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://bytes.com/nivo-slider/themes/orman/orman.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://bytes.com/styles.css"> <link href='http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700' rel='stylesheet' type='text/css'> <script src="http://bytes.com/js/jquery-1.7.1.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://bytes.com/js/smooth-scroll.js"></script> <script type="text/javascript">
$(document).ready(function() {
$("#commentForm").validate();
});
</script> <script type="text/javascript" src="http://bytes.com/js/jquery.nivo.slider.pack.js"></script> <script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script> <link rel="stylesheet" href="http://bytes.com/engine/css/vlightbox3.css" type="text/css" /> <link rel="stylesheet" href="http://bytes.com/engine/css/vlightbox4.css" type="text/css" /> <link rel="stylesheet" href="http://bytes.com/engine/css/vlightbox1.css" type="text/css" /> <link rel="stylesheet" href="http://bytes.com/engine/css/vlightbox2.css" type="text/css" /> <link rel="stylesheet" href="http://bytes.com/engine/css/vlightbox5.css" type="text/css" /> <link rel="stylesheet" href="http://bytes.com/engine/css/vlightbox8.css" type="text/css" /> <link rel="stylesheet" href="http://bytes.com/engine/css/visuallightbox.css" type="text/css" media="screen" /> <script src="http://bytes.com/engine/js/visuallightbox.js" type="text/javascript"></script> </head>