Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.97/29: Рейтинг темы: голосов - 29, средняя оценка - 4.97
23 / 15 / 8
Регистрация: 29.10.2013
Сообщений: 294

Как открыть модальное окно Fancybox

13.10.2018, 02:42. Показов 5962. Ответов 1

Студворк — интернет-сервис помощи студентам
Всем доброго времени суток. Прошу помочь советом или ссылкой. Проблема такая:
Раньше на сайте использовал плагин Fancybox версии 2 и открывал другие страницы в модальном окне
JavaScript
1
$.fancybox.open({type:'iframe', href:'page.php'})
Теперь я плагин заменил на Fancybox 3, и старый метод уже не работает.
Долго искал решение в Гугле - ничего путного не нашёл.
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
13.10.2018, 02:42
Ответы с готовыми решениями:

Fancybox открыть модальное окно, не закрывая первого
Привет. А кто подскажет как сделать так, чтобы во всплывающем окне отправки формы можно было нажать на ссылку с выводом ещё одного...

Как средствами php открыть модальное окно на jQuery?
Привет всем у меня есть скрипт модального окна. Оно появляется когда пользователь щелкает по ссылке, а как можно сделать это средствами php...

Как открыть модальное окно из страницы подгруженной ajax-ом.
Приветствую, уважаемые! Возникла проблема. Дано: Страница, на ней часть контента подгружается ajax-ом. Задача: Данные подгрузили,...

1
 Аватар для sash23
563 / 410 / 259
Регистрация: 31.05.2016
Сообщений: 1,105
13.10.2018, 03:27
Лучший ответ Сообщение было отмечено Андрей МСК как решение

Решение

href заменить на src
пример http://jsfiddle.net/2wkLuv3r/
JavaScript
1
2
3
4
5
6
$('#openBtn').on('click', function() {
    $.fancybox.open({
    src  : 'http://www.opennet.ru/',
    type : 'iframe'
  });
});
Вообще там хорошая документация. http://fancyapps.com/fancybox/3/docs/
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
13.10.2018, 03:27
Помогаю со студенческими работами здесь

Как открыть модальное окно после отправки данных на почту?
Всем привет! Есть простенький сайт. На нем есть форма для отправки данных.(поля: Имя, email и кнопка сделать заказ.) После нажатия на...

Как при нажатии на кнопку запустить функцию и открыть модальное окно
Всем привет! Думаю, вопрос простой, но не для меня, второй день копаюсь.. Есть модальное окно (div), оно запускается, всё хорошо....

Как создать окно в окне (модальное окно)?
Подскажите новичку, как создать на сайте в родительском окне небольшое окошко поверх него для ввода некоторой информации.

Открыть "модальное" окно
Суть в том, что у меня при переходе на страницу с параметром ?act=success должно появиться модальное окно. Не alert() или др., а...

Как сделать модальное окно
Необходимо реализовать простейшее модальное окно. Пример http://www.sotmarket.ru/product/huawei_mediapad.html# (кнопка «купить за один...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru