Uncaught TypeError: Object [object Object] has no method 'fancybox'

Question

I am new in Javascript/jQuery. I try to use jQuery fancybox, but I get such error.

Uncaught TypeError: Object [object Object] has no method 'fancybox' .

Here is my code:

<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript" src = "jquery-1.10.1.min.js"></script>
<script type = "text/javascript" src = "jquery.mousewheel-3.0.6.pack.js"></script>
<link rel="stylesheet" href="source/jquery.fancybox.css" type="text/css" media="screen" />

<script type = "text/javascript">
    jQuery(document).ready(function($) {
        $(".fancybox").fancybox({
            openEffect  : 'none',
            closeEffect : 'none'
        });
    });
</script>

</head>
<body>
<a class="fancybox" rel="gallery1" href="http://farm6.staticflickr.com/5471/9036958611_fa1bb7f827_b.jpg" title="Westfield Waterfalls - Middletown CT Lower (Graham_CS)">
    <img src="http://farm6.staticflickr.com/5471/9036958611_fa1bb7f827_m.jpg" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="http://farm4.staticflickr.com/3824/9041440555_2175b32078_b.jpg" title="Calm Before The Storm (One Shoe Photography Ltd.)">
    <img src="http://farm4.staticflickr.com/3824/9041440555_2175b32078_m.jpg" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="http://farm3.staticflickr.com/2870/8985207189_01ea27882d_b.jpg" title="Lambs Valley (JMImagesonline.com)">
    <img src="http://farm3.staticflickr.com/2870/8985207189_01ea27882d_m.jpg" alt="" />
</a>
<a class="fancybox" rel="gallery1" href="http://farm4.staticflickr.com/3677/8962691008_7f489395c9_b.jpg" title="Grasmere Lake (Phil 'the link' Whittaker (gizto29))">
    <img src="http://farm4.staticflickr.com/3677/8962691008_7f489395c9_m.jpg" alt="" />
</a>
</body>
</html>

What can be the problem??? Thanks.

have you loaded fancybox related scripts..? – Sudhir Bastakoti Sep 10 '13 at 05:51 — Sudhir Bastakoti, Sep 10 '13 at 05:51

score 4 · Answer 1 · answered Sep 10 '13 at 06:00

4

You should load the fancybox script, something like :

<script type="text/javascript" src="jquery.fancybox-1.3.4.pack.js"></script>

after this line :

<script type = "text/javascript" src = "jquery-1.10.1.min.js"></script>

answered Sep 10 '13 at 06:00

salkuadrat

86
4

consider your answer a little bit misleading. You can't use fancybox v1.3.4 with jQuery 1.10. http://stackoverflow.com/q/14344289/1055987 – JFK Sep 10 '13 at 08:48

Uncaught TypeError: Object [object Object] has no method 'fancybox'

1 Answers1