Clever Geek Handbook

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


source to share


3 answers


You forgot to implement step 4 (now step 5) from the Fire Plugin with jQuery Selector tutorial



+4


source


Try enabling this:



$(document).ready(function() {
 $("a#single_image").fancybox({
 'titleShow' : false
 });
});
0


source


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


source






More articles:


All Articles