#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 , но это возможно. Я также пробовал с этими поправками, но, увы, безуспешно. Что-нибудь еще, что я мог бы попробовать?