코다 슬라이더 및 팬시 박스 충돌

Question

코다 슬라이더 및 팬시 박스에 몇 가지 문제가 있습니다. Fancybox를 사용하여 Iframe 내의 외부 사이트를로드하고 Coda 슬라이더가 시작 페이지의 콘텐츠 슬라이더를로드합니다.

joda-easing Plugin이 Coda Slider 내 머리글에서 호출되면 Fancybox가 작동하지 않습니다. 내가 링크 삭제하면 JQuery와-완화를-1.3는 코다 슬라이더 예외가 발생하지만 Fancybox 완벽하게 여기

작동하는 일부 코드입니다 :

<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/js/jquery.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/fancybox/jquery.fancybox-1.3.4.pack.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/js/coda-slider.js"></script> 
<script type="text/javascript" src="<?php bloginfo('template_directory') ?>/js/jquery.easing.1.3.js"></script> 
<script> 
    $(document).ready(function(){ 

     $(".book a").fancybox({ 
      'width'   : '75%', 
      'height'  : '75%', 
      'speedIn'  : 600, 
      'speedOut'  : 200, 
      'overlayShow' : true, 
      'type'   : 'iframe', 
      'autoscale'  : false, 
      'hideOnOverlayClick' : true 
     }); 


     $('#coda-slider').codaSlider({ 
      autoSlide: true, 
      autoSlideInterval: 5500, 
      autoHeightEaseDuration: 2500, 
      autoHeightEaseFunction: "easeInOutElastic", 
      slideEaseDuration: 2500, 
      slideEaseFunction: "easeInOutElastic", 
      dynamicArrows: false, 
      dynamicTabs: false 
     }); 
    }); 
</script> 

이가 작동하지 않는 이유를 모르겠어요 해야합니다 :) 희망 당신들 =)

Answer 1

이 버그의 구체적인 이유는 crossLinking CodaSlider의 기본값은 true로 설정되어 있습니다. js 호출에서 플러그인으로 crossLinking: false을 설정하면 플러그인이 작동합니다. crossLinking이 얼마나 중요한지 잘 모르겠지만 Fancybox는 DOM과 관련된 페이지를 찾기 때문에 코다 슬라이더 탐색을 클릭하면 패널 번호와 함께 # 기호가 추가되므로 실패합니다. http://myurl.com/#1 코다 슬라이더의 슬라이드 1을 클릭하면 내 코드는 다음과 같습니다.

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

    // set up events slider     
     $('#home_slider').codaSlider({ 
      autoSlide: true, 
      autoSlideInterval: 5500, 
      slideEaseDuration: 1450, 
      autoSlideStopWhenClicked: true, 
      crossLinking: false 
     }); 


</script>