Coda Slider und Fancybox Conflict

Question

Ich habe ein paar Probleme mit Coda Slider und Fancybox. Ich benutze Fancybox um eine externe Site innerhalb eines Iframes zu laden und Coda Slider ist für den Content Slider auf der Startseite.

Wenn ich das jquery-easing Plugin in meinem Kopf für den Coda Slider aufgerufen habe, funktioniert die Fancybox nicht. Wenn ich den Link löschen jquery-Easing-1.3 wirft der Coda Slider eine Ausnahme, aber die Fancybox funktioniert perfekt

Hier einige Code:

<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> 

Sie wissen nicht, warum dies nicht, wie es funktioniert sollte :) Hope you Guys know =)

Answer 1

Der spezifische Grund für diesen Fehler ist die crossLinking Einstellung von CodaSlider, die standardmäßig wahr ist. Wenn Sie in Ihrem js-Aufruf crossLinking: false auf das Plugin setzen, wird es funktionieren. Nicht sicher, wie wichtig crossLinking für Sie ist, aber Fancybox durchsucht das DOM nach einer Seite, die relativ zu sich selbst ist. Daher schlägt es fehl, nachdem Sie auf die coda-Slider-Navigation geklickt haben. http://myurl.com/#1 wenn Sie auf die Folie 1 Ihres Coda-Sliders klicken. Mein Code sieht so aus:

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

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


</script>