Показать сообщение отдельно
  #8 (permalink)  
Старый 27.12.2013, 02:38
Интересующийся
Отправить личное сообщение для StormMan Посмотреть профиль Найти все сообщения от StormMan
 
Регистрация: 08.06.2010
Сообщений: 11

рони, я неправильно понял ваш вопрос)

Создаём контейнер, который будет родительским окном:
<div style="display: none; width: 680px;" id="fancyboxmain" class="fancyboxmain">
...
</div>


И ссылку, которая будет его открывать:
<a class="fancyboxmain" href="#fancyboxmain" style="color: white">Открыть родительское окно</a>


Затем в контейнер помещаем другие контейнеры или галереи картинок по аналогии. В итоге получается что-то вроде:

<div style="display: none; width: 680px;" id="fancyboxmain" class="fancyboxmain">    Родительское окно
    <div style="display: none; width: 680px;" id="fancyboxinfo1" class="fancyboxinfo">    Дочернее окно 1 с галереей
        <a href="picturefullsize11.jpg" class='fancyboximg' data-fancybox-group='g1' rel='g1'>
            <img src="picturesmall11.jpg">
        </a>
        <a href="picturefullsize12.jpg" class='fancyboximg' data-fancybox-group='g1' rel='g1'>
            <img src="picturesmall12.jpg">
        </a>
    </div>
    <div style="display: none; width: 680px;" id="fancyboxinfo2" class="fancyboxinfo">    Дочернее окно 2 с галереей
        <a href="picturefullsize21.jpg" class='fancyboximg' data-fancybox-group='g2' rel='g2'>
            <img src="picturesmall11.jpg">
        </a>
        <a href="picturefullsize22.jpg" class='fancyboximg' data-fancybox-group='g2' rel='g2'>
            <img src="picturesmall12.jpg">
        </a>
    </div>
    <a class="fancyboxinfo" href="#fancyboxinfo1">Открыть дочернее окно 1</a>
    <a class="fancyboxinfo" href="#fancyboxinfo2">Открыть дочернее окно 2</a>
</div>
<a class="fancyboxmain" href="#fancyboxmain" style="color: white">Открыть родительское окно</a>


Как-то так.. Код не проверял, но вроде должно работать.

Последний раз редактировалось StormMan, 27.12.2013 в 21:18.
Ответить с цитированием