Coda Slider和Fancybox衝突

我有一些Coda Slider和Fancybox的問題。我使用Fancybox在Iframe中加載外部網站，Coda Slider用於首頁上的內容滑塊。Coda Slider和Fancybox衝突

如果我有在我的Head fpr中調用的jquery-easing插件，Coda滑塊，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>

不知道爲什麼，這並不因爲它的工作應該:) 希望你們知道=）

來源

2011-01-08 Jings

解決了另一個不使用jquery-easing插件的內容滑塊的問題:) – Jings 2011-01-08 05:44:25

這個bug的具體原因是crossLinking設置CodaSlider默認爲true。如果您在您的js調用插件中設置了crossLinking: false，它將起作用。不知道crossLinking對你來說有多重要，但Fancybox在DOM中搜索與其本身相關的頁面，因此在你點擊了尾部滑動條導航後它失敗了，因爲這樣做會在面板號後加上＃hash標記，例如。如果您點擊您的尾聲滑塊的幻燈片1，則爲http://myurl.com/#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>

來源

2011-02-18 03:09:44 Brian

Coda Slider和Fancybox衝突

回答

相關問題