Javascript.RU

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

FancyBox и Iframe
Здравствуйте!

Я хочу подгрузить в Fancybox презентацию с облака в виде iframe, но у меня появляется значок загрузки, и затем FancyBox закрывается.

Привел код ниже:
$(".promo_present").click(function () {
    	$.fancybox.open({type: 'iframe', href: 'https://onedrive.live.com/embed?cid=339338F81D1BDDE6&resid=339338F81D1BDDE6%21117&authkey=AMCLyUm9dvcLV1Y&em=2'})
	});

И вот код, который дало облако для встраивания:
<iframe src="https://onedrive.live.com/embed?cid=339338F81D1BDDE6&resid=339338F81D1BDDE6%21117&authkey=AMCLyUm9dvcLV1Y&em=2" width="402" height="327" frameborder="0" scrolling="no"></iframe>

Суть такова, пользователь нажимает ссылку, открывается FancyBox,а внутри iframe с презентацией.
Как можно правильно реализовать? Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 08.03.2015, 11:59
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

FLion,
всё должно работать ...
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>demo</title>
  <style type="text/css">
  a{
    cursor: pointer;
  }

  </style>
  <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>
  <link rel="stylesheet" type="text/css" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
  <script type='text/javascript' src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<script type='text/javascript'>
 $(function()
 		{
 			 $('.promo_present').fancybox
 										(
 												{
 												type: 'iframe',
 												href: "https://onedrive.live.com/embed?cid=339338F81D1BDDE6&resid=339338F81D1BDDE6%21117&authkey=AMCLyUm9dvcLV1Y&em=2",
 												iframe: {
 														scrolling: 'auto',
 														preload: true
 														},
                                                width		: '30%',
                                        		height		: '70%'
 												}
 										)
 		}
 );
</script>
</head>
<body>
<a title="forum"  class="promo_present" >click</a>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 08.03.2015, 12:05
Новичок на форуме
Отправить личное сообщение для FLion Посмотреть профиль Найти все сообщения от FLion
 
Регистрация: 08.03.2015
Сообщений: 2

Спасибо. Теперь все работает!
Ответить с цитированием
  #4 (permalink)  
Старый 22.12.2016, 01:23
Новичок на форуме
Отправить личное сообщение для AnWeb Посмотреть профиль Найти все сообщения от AnWeb
 
Регистрация: 22.12.2016
Сообщений: 1

Подскажите, пожалста, можно ли сделать так, чтобы страница, с котьорой запускается сценарий при этом не перезагружалась?
Ответить с цитированием
  #5 (permalink)  
Старый 22.12.2016, 02:05
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

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



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вставка контента на страницу: div vs iframe hrundel Общие вопросы Javascript 8 23.08.2016 07:48
fancybox iframe подгрузка скриптов Pashok jQuery 2 29.01.2014 01:32
Как заставить fancybox вспывать не по клику а по событию onload ??? ilyas-> Элементы интерфейса 24 28.07.2013 13:54
Fancybox iframe не работает schokk_by jQuery 0 25.09.2012 16:35
fancybox - враппер не скрывает элемент iframe metazet Элементы интерфейса 4 21.06.2011 15:16