РЕГИСТРАЦИЯ
Гость
Вход не выполнен.

Вопрос по встроенному FancyBOX

Rad Cor

  • Участник
  • Пользователь
  • 26
  • 1
  • Жалоб нет
  • Регистрация:
#1

Парни, подскажите как открыть в окне не картинку а свой текст.
Так не получается(

<a class="big-b gallery" href="#popup">Я ссылка</a>
<div  id="popup" style="display:none;">
<div style="width:600px;height:600px;">Текст который должен отображаться во всплывающем окне</div>
</div>

Отредактировано автором в
gbox.su

MrBoriska

  • Мастер
  • Администратор
  • 285
  • 11
  • Жалоб нет
  • Регистрация:
#2

Мы используем js плагин fancybox. Следовательно, все описано в его документации.
У тебя вроде как все правильно... Но лучше вот так:

<a class="big-b opencontent" href="#popup">Я ссылка</a>
<div  id="popup" style="display:none;">
     <div style="width:600px;height:600px;">Текст который должен отображаться во всплывающем окне</div>
</div>

И биндить плагин отдельно для ссылок открывающих контент окошке.

$("a.opencontent").fancybox({
      'hideOnContentClick': true
});

Rad Cor

  • Участник
  • Пользователь
  • 26
  • 1
  • Жалоб нет
  • Регистрация:
#3

MrBoriska, так как показал ты, тоже не работает. С классом

opencontent

вообще не открывается.
Вот, можешь сам посмотреть. Оно открывает окошко, но оно пустой, то есть блока который визуально скрыт, он таким и остаётся при открытии, почему так происходит не могу понять.
http://d2.qweb.pro/


gbox.su

MrBoriska

  • Мастер
  • Администратор
  • 285
  • 11
  • Жалоб нет
  • Регистрация:
#4

Rad Cor, понял в чем трабла. 
Дело в том, что fancybox не меняет блок, в т.ч. не убирает display:none. Поэтому нужно отдельно оборачивать контент в скрывающий блок:

<a class="big-b opencontent" href="#popup">Я ссылка</a>
<div style="display:none;">
  <div id="popup">
     <div style="width:600px;height:600px;">Текст который должен отображаться во всплывающем окне</div>
  </div>
</div>

Ну, можешь посмотреть в живую... Где я тестировал: http://codepen.io/anon/pen/azwVxO


Rad Cor

  • Участник
  • Пользователь
  • 26
  • 1
  • Жалоб нет
  • Регистрация:
#5

MrBoriska, во, заработало, спасибо большое! :jahu:


gbox.su
Тема закрыта