Вход

Просмотр полной версии : FancyBox и Iframe

FLion
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 с презентацией.
Как можно правильно реализовать? Спасибо.
рони
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
08.03.2015, 12:05
Спасибо. Теперь все работает!
AnWeb
22.12.2016, 01:23
Подскажите, пожалста, можно ли сделать так, чтобы страница, с котьорой запускается сценарий при этом не перезагружалась?
рони
22.12.2016, 02:05
AnWeb,
:blink: