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 с презентацией. Как можно правильно реализовать? Спасибо. |
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>
|
Спасибо. Теперь все работает!
|
Подскажите, пожалста, можно ли сделать так, чтобы страница, с котьорой запускается сценарий при этом не перезагружалась?
|
AnWeb,
:blink: |
| Часовой пояс GMT +3, время: 08:51. |