fancybox2 - всплывающее окно не сжимается, чтобы соответствовать данным

Question

http://mayakaimal.businesscatalyst.com/media-press

В некоторых всплывающих окнах меньше данных, чем в других. Я хочу, чтобы окно уменьшилось, чтобы соответствовать. то есть в приведенном выше примере, если вы нажмете «Бостонский глобус», справа будет пустое пространство.

Я впервые использую fancybox. Я попытался изменить

aspectRatio: true,
didResize: true,
width: '100%'

Какой параметр нужно изменить?

спасибо

Answer 1

Для Fancybox 2.x

Поработав некоторое время с вашим кодом в FireBug, я наткнулся на вариант maxWidth. Установка maxWidth на 100%, кажется, решает вашу проблему (ссылка «Бостонский глобус» теперь открывает Fancybox, такой же тонкий, как и содержимое:

$j("a.fancybox").fancybox({maxWidth : '100%'});

Я также обнаружил, что если вы установите для параметра fitToView значение false, он удалит полосы прокрутки, и содержимое, по-видимому, будет вписываться в Fancybox лучше:

$j("a.fancybox").fancybox({fitToView : false, maxWidth : '100%'});

Для Fancybox 1.x

autoDimensions : true

Для представлений inline и ajax изменяет размер представления, получаемого элементом. Убедитесь, что он имеет размеры, иначе это даст неожиданный Результаты

С помощью JavaScript вы можете позвонить $.fancybox.resize, когда вы измените контент, и fancybox изменит размер до нужных размеров для контента.