Lightbox Jquery conflict
I have tried everything and cant get the images to open in lightbox they just open in a new window. I am using a template design and am new to web design. If anyone know how to fix this it would help me greatly and me much appreciated. Here is my heading code to look at.
<html lang="en"><head>
<script type="text/javascript" src="css/prototype.js"></script>
<script type="text/javascript" src="css/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="css/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<meta charset="utf-8">
<title>SmallBird Media Portfolio</title>
<link rel="stylesheet" href="css/styles.css">
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".dropbtn").click(function(){
$("#dropdown").slideToggle("slow");
$(this).toggleClass("active");
});
});
</script>
<script src="js/jquery.quicksand.js"></script>
<script src="js/script.js"></script>
</head>
CSS Codes
Reply With Quote
Bookmarks