Coda Slider и Fancybox Conflict - PullRequest
Новая
       24

Coda Slider и Fancybox Conflict

0 голосов
/ 08 января 2011

У меня есть некоторые проблемы с Coda Slider и Fancybox.Я использую Fancybox для загрузки внешнего сайта в рамках Iframe, а ползунок Coda предназначен для ползунка содержимого на стартовой странице.

Если у меня в плагине Coda JCery-easying вызывается ползунок Coda, Fancybox не 'т работа.Когда я удаляю ссылку на jquery-easing-1.3, Coda Slider выдает исключение, но 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>

Не знаю, почему это не такт работает как надо :) Надеюсь, вы, ребята, знаете =)

1 Ответ

0 голосов
/ 18 февраля 2011

Конкретной причиной этой ошибки является настройка crossLinking CodaSlider, которая по умолчанию имеет значение true.Если вы установите crossLinking: false в своем вызове js для плагина, он будет работать.Не уверен, насколько важен crossLinking для вас, но Fancybox ищет в DOM страницу, относящуюся к самому себе, поэтому он перестает работать после того, как вы нажимаете навигацию coda-slider, потому что при этом добавляется # хеш-знак с номером панели, например, 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>
...