Fancy Box is not working please help
I recently came across a fancy box here , I followed every step closely in the instructions, but it doesn't work, does anyone know what the problem might be?
Here is an example of my page source:
Includes links to scripts as needed and CSS:
<script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox-1.2.1.js" type="text/javascript"></script>
<link href="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox.css" rel="stylesheet"
type="text/css" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
Then this should just work:
<a id="single_image" href="images/279641.jpg"><img src="images/279641.jpg" /></a>
But it doesn't do anything except open the image in a new window.
Any suggestions and thanks in advance.
+2
JL.
source
to share
3 answers
You forgot to implement step 4 (now step 5) from the Fire Plugin with jQuery Selector tutorial
+4
fvu
source
to share
Try enabling this:
$(document).ready(function() {
$("a#single_image").fancybox({
'titleShow' : false
});
});
0
Regz
source
to share
try looking at another javascript / jquery plugin that you have implemented in your html page. because some jquery plugin has a conflict with fancybox. I like.
0
faizalqurni
source
to share