Форум

FLion · #1 (**permalink**) 08.03.2015, 11:41

Здравствуйте!

Я хочу подгрузить в 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

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>

FLion · #3 (**permalink**) 08.03.2015, 12:05

Спасибо. Теперь все работает!

AnWeb · #4 (**permalink**) 22.12.2016, 01:23

Подскажите, пожалста, можно ли сделать так, чтобы страница, с котьорой запускается сценарий при этом не перезагружалась?

рони · #5 (**permalink**) 22.12.2016, 02:05

AnWeb,

Форум

Справочник

Discord чат

Курсы javascript