Jquery .fancybox가 작동하지 않습니다

Question

here의 "Clubz4u"웹 사이트 상단의 이미지는 jquery의 fancybox 기능으로 확대 된 이미지 미리보기를 보여줍니다. 그러나 그것은 단지 이미지를 엽니 다.

 <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이 옳다 :

여기 내 코드입니다. 당신은 모든 종류의 문제를 일으킬 것입니다로드 된 jQuery의 4 버전이 있습니다. jQuery 인스턴스를 하나만 사용하면 도움이 될 것입니다.