Сломанная анимация изменения размера Colorbox - PullRequest
Новая
       14

Сломанная анимация изменения размера Colorbox

1 голос
/ 06 января 2012

Я использую Colorbox для отображения содержимого iframe.Некоторые из iframe больше, чем исходные (открытие с заданными шириной и высотой), поэтому я использую это решение - Как я могу динамически изменить размер плагина jQuery Colorbox? - чтобы изменить размер Colorbox после его загрузки.

Проблема в том, что когда Colorbox становится меньше, он растягивает содержимое вниз снизу вверх вместо того, чтобы приятно растягивать его по центру страницы.Я хочу, чтобы он выглядел точно так, как вы можете видеть на примерах colorbox с картинками: http://jacklmoore.com/colorbox/example1/ первая ссылка.

Открытие colorbox в родительском элементе: 

       <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1  /jquery.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.colorbox-min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $.extend($.colorbox.settings, {fastIframe:true, speed:350, transition:'elastic', scrolling:false, opacity:0.6, close:'Zavřít', overlayClose:false});
    $(".iframe").colorbox({iframe:true, width:'640px', height:'480px'});
    });
    </script>

Изменение размера в iframe:

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.colorbox-min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        parent.$.colorbox.settings.overlayClose = true;
        var y = $('#cbox').height() + $('#cbox').offset().top + 30;
        parent.$.colorbox.resize({width:'644px', innerHeight:y});
    });
    </script>

Видите ли вы какие-либо проблемы в коде выше?Спасибо за ответы!

1 Ответ

2 голосов
/ 10 января 2012

Итак, я нашел решение!

Проблема заключалась в том, что я попытался отредактировать colorbox.css по умолчанию.И я случайно удалил: #cboxContent{background: #fff;} Без строки это вызывало ошибку.

...