fancybox и jquery overlapping

Question

Я использую этот базовый шаблон с ползунком в доме, но когда я добавляю простой скрипт fancybox для одного изображения, fancybox не работает.

Какой из этих js перекрывает fancybox?

Tnks заранее.

<script src="js/jquery-1.7.1.min.js"></script> 
    <script src="js/superfish.js"></script> 
    <script src="js/jquery.easing.1.3.js"></script> 
    <script src="js/jquery.cycle.all.min.js"></script> 

    <!-- Add mousewheel plugin (this is optional) --> 
    <script type="text/javascript" src="/lib/jquery.mousewheel.pack.js?v=3.1.3"></script> 

    <!-- Add fancyBox main JS and CSS files --> 
    <script type="text/javascript" src="/source/jquery.fancybox.js?v=2.1.5"></script> 
    <link rel="stylesheet" type="text/css" href="/source/jquery.fancybox.css?v=2.1.5" media="screen" /> 

    <!-- Add Button helper (this is optional) --> 
    <link rel="stylesheet" type="text/css" href="/source/helpers/jquery.fancybox-buttons.css?v=1.0.5" /> 
    <script type="text/javascript" src="/source/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script> 

    <!-- Add Thumbnail helper (this is optional) --> 
    <link rel="stylesheet" type="text/css" href="/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" /> 
    <script type="text/javascript" src="/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script> 

    <!-- Add Media helper (this is optional) --> 
    <script type="text/javascript" src="/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> 

    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $('.mp-slider').cycle({ 
       pager: '#mp-pags', 
       timeout:7000, 
       pagerAnchorBuilder: pagerFactory 
       }); 
      function pagerFactory(index, slide) { 
       var titles = [] 
       titles[0] = $("#mp-pags-cont li:eq(0)").text() 
       titles[1] = $("#mp-pags-cont li:eq(1)").text() 
       titles[2] = $("#mp-pags-cont li:eq(2)").text() 
      return '<li><a href="#">'+(titles[index])+'</a></li>'; 
      }; 

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

Answer 1

Лучший способ узнать с чем-то подобным - это прокомментировать один сценарий за раз, пока не найдете тот, который вызывает проблему. Затем вы можете более внимательно изучить этот сценарий и выяснить, где конфликт.

pagerAnchorBuilder: pagerFactory 

может быть проблематичным. Вы не хотите звонить:

pagerAnchorBuilder: pagerFactory(a,b) 

с параметрами?