Как мне установить правильную ширину, когда fancybox открывает внешнюю страницу в стиле схемы?

#fancybox #blueprint-css

#fancybox #blueprint-css

Вопрос:

Я создаю приложение ruby-on-rails, и у меня есть ссылка на внешнюю страницу, которая открывается в fancybox.

Внешняя страница оформлена в стиле blueprint шириной в 24 столбца (950 пикселей в ширину). Я скрыл широкие элементы (отображение: отсутствует в css) с этой страницы, так что интересующие меня элементы имеют ширину всего 250 пикселей в fancybox.

Но когда он открывается в fancybox, почему-то кажется, что он все еще читает атрибут .span-24, а не открывается в меньшем размере.

Я не могу создать другую внешнюю страницу и должен использовать страницу в стиле blueprint. Есть какие-нибудь советы о том, как заставить fancybox открываться по центру в виде окна шириной 250 пикселей?

Редактировать:

Вот код, который я использую в данный момент:

 $(document).ready(function() {

    $("a#fancypants-1").fancybox({
        'autodimensions'    : true,
        'width'             : 250,
        'scrolling'         : 'no',
        'opacity'          : true,
        'overlayShow'       : true,
        'overlayColor'      : '#000',
        'overlayOpacity'    : 0.8,
        'transitionIn'      : 'elastic',
        'hideOnContentClick': false ,
        'transitionOut'     : 'none'
    });
});
  

Ответ №1:

попробуйте вот так

$.fancybox ({

                     'autoDimensions'  : true,
                'height': 'auto',
                            'width':250px; 
                'scrolling' : 'no',
                'transitionIn'    : 'none',
                'transitionOut'    : 'none',                    

            });
  

Комментарии:

1. Приветствую @mahesh, но это все еще не работает. Я не уверен, что fancybox принимает 250 пикселей . Насколько я понимаю из документации, она должна быть просто 250 , и нет упоминания о том, что она принимает auto , но это возможно. Я также пробовал с этими поправками, но, увы, безуспешно. Что-нибудь еще, что я мог бы попробовать?