PDA

View Full Version : Lightbox Jquery conflict



smallbirdmedia
02-29-2012, 01:05 AM
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>

jscheuer1
02-29-2012, 02:01 AM
In theory, though not always in practice, this can be done. But it's far easier to use a jQuery based lightbox script. If all you want is the basic lightbox with single and/or grouped images, SlimBox2 is a very good choice:

http://www.digitalia.be/software/slimbox2

For other options and ways to enhance Slimbox2, see my Blog entry on the subject:

http://www.dynamicdrive.com/forums/blog.php?b=247