jquery - FancyBox with Vimeo not working -


i have followed instructions here: fancybox 2.0.4 , vimeo try , videos open lightbox still can't fancy box work. ideas?

page videos here: http://kodiakgroup.com/clients.php

html:

<div class="lightbox-client" style="margin-right: 20px;">                             <a href="http://player.vimeo.com/video/65867546?title=0&amp;byline=0&amp;portrait=0" class="lightbox"><img src="/images/thumb-video-carlton.jpg" /><br /><br />carlton-bates</a>                         </div>                         <div class="lightbox-client">                             <a href="http://player.vimeo.com/video/65867545?title=0&amp;byline=0&amp;portrait=0" class="lightbox"><img src="/images/thumb-video-arris.jpg" /><br /><br />arris</a>                         </div> 

javascript near bottom:

<!--script lightbox-->                         <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>                         <script type="text/javascript" src="/js/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>                         <script type="text/javascript" src="/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>                         <link rel="stylesheet" type="text/css" href="/js/fancybox/jquery.fancybox-1.3.4.css" media="screen" />                         <script type="text/javascript">                             $(document).ready(function() {                                 $(".lightbox").fancybox({                                     width: 400,                                     height: 225,                                     type: 'iframe',                                     fittoview : false                                 });                             });                         </script> 

error:

uncaught typeerror: cannot read property 'msie' of undefined jquery.fancybox-1.3.4.pack.js:18 uncaught typeerror: object [object object] has no method 'fancybox' 

the error is: uncaught typeerror: object [object object] has no method 'fancybox'

remove 1 instance of jquery (you loading twice) , load scripts in following order:

//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js /js/fancybox/jquery.fancybox-1.3.4.pack.js /js/fancybox/jquery.mousewheel-3.0.4.pack.js 

(remove 2nd instance of //ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js)


Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -