Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.05.2014, 09:48
Новичок на форуме
Отправить личное сообщение для Voshal Посмотреть профиль Найти все сообщения от Voshal
 
Регистрация: 09.05.2014
Сообщений: 5

fancybox автоматическая ширина фрейма
Приветствую всех! Помогите пожалуйста с fancybox.
Почти сделал как нужно, но не получается автоматическая высота фрейма.
Ширина фрейма должна быть фиксированная, а высота должна подстраиваться под высоту содержимого фрейма.
Так же не должно быть вертикального скрола внурти фрейма.

http://jsfiddle.net/Voshal/RHaAX/889/
Заранее благодарю за ответ.
Ответить с цитированием
  #2 (permalink)  
Старый 10.05.2014, 15:28
Профессор
Отправить личное сообщение для Veterinar Посмотреть профиль Найти все сообщения от Veterinar
 
Регистрация: 27.12.2013
Сообщений: 167

Отключить один из скроллингов можно в стилях, а высоту и ширину поставить фиксированную для одного, и в процентах для другого:
<iframe width="300" height="100%" style="overflow-y: hidden;">
Ответить с цитированием
  #3 (permalink)  
Старый 11.05.2014, 02:12
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Voshal,
если у вас ширина фиксированная -- можно высоту самому подобрать
http://jsfiddle.net/RHaAX/894/
Ответить с цитированием
  #4 (permalink)  
Старый 11.05.2014, 06:07
Аватар для rekzi
Аспирант
Отправить личное сообщение для rekzi Посмотреть профиль Найти все сообщения от rekzi
 
Регистрация: 28.08.2013
Сообщений: 78

Можно в свойствах задать:
.fancybox-inner {
   height: auto !important
}
а в конструктор передать:
afterShow: function(){ // afterLoad
   $(".fancybox-inner").css("height", 
      $(".fancybox-iframe")[0].body.clientHeight + "px !important"); // получаем внутреннюю высоту
}
Ответить с цитированием
  #5 (permalink)  
Старый 11.05.2014, 09:51
Новичок на форуме
Отправить личное сообщение для Voshal Посмотреть профиль Найти все сообщения от Voshal
 
Регистрация: 09.05.2014
Сообщений: 5

Сообщение от рони Посмотреть сообщение
Voshal,
если у вас ширина фиксированная -- можно высоту самому подобрать
http://jsfiddle.net/RHaAX/894/
Спасибо, но высота должна быть динамической и автоматически подстраиваться под контент, потому что контент будет всегда разной высоты

Сообщение от rekzi Посмотреть сообщение
Можно в свойствах задать:
.fancybox-inner {
   height: auto !important
}
а в конструктор передать:
afterShow: function(){ // afterLoad
   $(".fancybox-inner").css("height", 
      $(".fancybox-iframe")[0].body.clientHeight + "px !important"); // получаем внутреннюю высоту
}
Спасибо, но пока ничего не вышло(
http://jsfiddle.net/RHaAX/897/
Ответить с цитированием
  #6 (permalink)  
Старый 11.05.2014, 10:22
Профессор
Отправить личное сообщение для Veterinar Посмотреть профиль Найти все сообщения от Veterinar
 
Регистрация: 27.12.2013
Сообщений: 167

Voshal,
так в вашем примере работает плагин fancybox, что же вы его не используете? http://fancybox.net/
Ответить с цитированием
  #7 (permalink)  
Старый 11.05.2014, 10:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Сообщение от Veterinar
так в вашем примере работает плагин fancybox, что же вы его не используете?
это как его ещё можно использовать?
Ответить с цитированием
  #8 (permalink)  
Старый 11.05.2014, 10:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Сообщение от rekzi
$(".fancybox-iframe")[0].body
а путь к body правильный?
Ответить с цитированием
  #9 (permalink)  
Старый 11.05.2014, 11:02
Профессор
Отправить личное сообщение для Veterinar Посмотреть профиль Найти все сообщения от Veterinar
 
Регистрация: 27.12.2013
Сообщений: 167

рони, я не знаю, пример самим им написан или как ссылка на чужой.
Ответить с цитированием
  #10 (permalink)  
Старый 11.05.2014, 11:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Veterinar,
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
контент fancybox mazur417 jQuery 1 15.03.2014 12:19
fancybox и AJAX alzasr jQuery 4 19.01.2014 22:45
Помогите с fancyBox Le-mark43 Events/DOM/Window 6 20.12.2012 08:08
разделение фрейма shikuwa Общие вопросы Javascript 1 21.11.2012 14:44
Помогите с калькулятором piton1175 AJAX и COMET 0 16.06.2011 14:29