Страница 1 из 11
Модератор форума: ДухLESS 
Сообщество uCoz » Модули uCoz » Дополнительные функции » Как вывести страницу сайта в ulightbox?
Как вывести страницу сайта в ulightbox?
iDenis
Сообщений: 50
Репутация: 5

Сообщение # 1 | 14:20:10
Есть страница, созданная в редакторе страниц, например, /index/0-4
Её нужно вывести в лайтбоксе
При нажатии на ссылку на этой странице она должна открыться в основном окне браузера, не в лайтбоксе.

Вопрос: как реализовать?
Пытался прописывать

Код
<a class="ulightbox" href="/index/0-4">Ссылка</a>

но лайтбокс ничего не открывает. Фактически, какой бы href я не подставлял, он никакие html файлы загружать в себя не желает, только картинки могёт.
Rostislav
Сообщений: 2394
Репутация: 591

Сообщение # 2 | 11:50:10
потому что ulightbox предназначен для красивого отображения картинок, а не web-страниц
попробуйте воспользоваться ajax-окном

Астра
Сообщений: 847
Репутация: 260

Сообщение # 3 | 11:52:28
Можно вывести в ulightbox блок. Для этого ссылке нужно прописать нужный id
Сама ссылка:
<a class="ulightbox" href="#Block">Ссылка</a>

Код содержимого:
<div style="display:none" id="Block">
Содержимое блока
</div>
iDenis
Сообщений: 50
Репутация: 5

Сообщение # 4 | 12:29:16
Внимание, правильный ответ! smile

Вставляем в BODY:

Код
<script type="text/javascript">
$(document).ready(function() {
   $(".classname").fancybox({
   fitToView : true,
   width : 1050,
   height : '90%',
   autoSize : false,
   closeClick : false,
   openEffect : 'none',
   closeEffect : 'none'
   };);
};);
</script>


где classname - имя вызываемого класса, на который навешиваются нужные настройки параметров модального окна.

Ниже с помощью этого класса вызываем модельное окно и открываем в нём нужную html страницу:

Код
<a class="classname fancybox.iframe" href="URL">ссылка</a>

где URL - адрес страницы.
Сообщение отредактировал iDenis - Вторник, 11 Авг 2015, 20:13:32
Сообщество uCoz » Модули uCoz » Дополнительные функции » Как вывести страницу сайта в ulightbox?
Страница 1 из 11
Поиск: