Ширина Fancybox не применяется

Используя следующий JS, ширина не регулируется. Он не корректируется, когда я использую '750' или '750px'

$('a#city-prompt').fancybox({
    'width': 750
});

Я писал об этом на форумах fancybox и не получил ответа


javascript fancybox
person Webnet    schedule 12.02.2011    source источник

Ответы (7)


arrow_upward
22
arrow_downward

Вероятно, вам нужно установить autoSize на false:

$('a#city-prompt').fancybox({
    'width': 750,
    'autoSize': false
});

О width из документации:

Ширина для типов содержимого «iframe» и «swf». Также устанавливается для встроенного содержимого, если для параметра autoDimensions установлено значение false.

person Felix Kling    schedule 12.02.2011
comment
Этот ответ устарел. Опция autoDimensions не является частью версий Fancybox 2.0+. См. здесь: fancyapps.com/fancybox/#docs — и попробуйте вместо этого использовать autoSize, autoWidth или autoHeight. . - person leepowers; 23.07.2014

arrow_upward
7
arrow_downward

Ни один из ответов здесь не сработал для меня, но это помогло:

$.fancybox({
    'content':$("#element").html(),
    'width':'500',
    'autoDimensions':false,
    'type':'iframe',
    'autoSize':false
});

'autoSize':false был недостающим ключом

person d-_-b    schedule 03.08.2013
comment
Какую версию Fancybox вы используете? Мне интересно, изменили ли они имя параметра... Тот, что на fancybox.net/api, использует AutoDimensions. Похоже, вы использовали FancyBox 2 — fancyapps.com/fancybox/#docs. - person Webnet; 05.08.2013
comment
autoSize тоже помог мне. Ничто другое не работало. Спасибо - person Onimusha; 06.12.2013
comment
вам нужно только autoSize:false, вам даже не нужно autoDimensions:false. это должен быть единственный принятый ответ, поскольку принятый ответ устарел и, следовательно, неверен. - person low_rents; 01.12.2014

arrow_upward
1
arrow_downward

Убедитесь, что вы не включили ' при написании ширины в пикселях. Итак, вместо

«ширина»: «100», у вас должна быть «ширина»: 100,

Надеюсь, это поможет...

person Matteo Cuellar    schedule 22.11.2011

arrow_upward
1
arrow_downward

Попробуй это. Вам нужно установить autoSize в false:

$(".fancybox").fancybox({'width':400,
                         'height':300,
                         'autoSize' : false});
person Shuhad zaman    schedule 15.10.2014
comment
А для процентов используйте такие кавычки: «ширина»: «80%», - person user1515295; 20.11.2015

arrow_upward
1
arrow_downward

В Fancybox версии 2 и выше используйте 'autoSize':false

Документация Fancybox

person jobima    schedule 20.11.2015

arrow_upward
0
arrow_downward

Измените _get_zoom_to (в строке 690) с

to.width = currentOpts.width + double_padding;

to 

to.width = parseInt(currentOpts.width) + parseInt(double_padding);
person yangtao    schedule 06.09.2011

arrow_upward
0
arrow_downward

В дополнение к другим ответам, чтобы исправить проблему с высотой, я изменил строку 998.

от :
to.height = currentOpts.height + double_padding;

кому:
to.height = parseInt(currentOpts.height) + parseInt(double_padding);

person Nick    schedule 08.10.2012