JQuery .fancybox не работает

Question

Итак, на этой странице here изображение в верхней части сайта «Clubz4u» при щелчке должно показать увеличенный просмотр изображения, выполненный с помощью fancybox jquery. Но он просто открывает изображение.

Вот мой код:

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> 
    <script type="text/javascript" src="Stylesheets/script.js"></script> 
    <!--<style>#content_box {height:950px;}</style>--> 
    <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
    <script type="text/javascript" src="http://dunnrite.co.uk/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script> 
    <link rel="stylesheet" href="http://dunnrite.co.uk/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 
    <script type="text/javascript" src="http://dunnrite.co.uk/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $(".fancybox").fancybox(); 
     }); 
    </script> 

     <div id="left_side_work"> 
       <h3>Our Work</h3> 
       <a class="fancybox" rel="group" href="Images/Clubz4u.jpg"> 
        <div id="clubz4u_pic"></div> 
       </a> 
       <a target="blank" href="http://beauxcadeaux.co.uk"> 
        <div id="beaux_cadeaux_pic"></div> 
       </a> 
     </div> 

`

Answer 1

mijopabe прав. у вас есть 4 версии загруженного jQuery, которые вызовут всевозможные проблемы. Используйте только один экземпляр jQuery, и это должно помочь.