我需要将iframe嵌入其他域中,即在单击时使用花式框打开模式框。
它会像这样工作。
用户点击图片
单击后,将加载一个包含iframe的模式框(fancybox)
我需要这样做,因为fancybox需要占据屏幕的大部分960x700
我该怎么做?
最佳答案
这样的事情应该做。查看他们的API以获取有关如何使用它的更多详细信息
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://fancybox.net/js/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<script>
$(document).ready(function() {
/* This is basic - uses default settings */
$("a.iframe").fancybox({
'transitionIn' : 'elastic', //Used for animation, delete if not needed
'transitionOut' : 'elastic', //Used for animation, delete if not needed
'speedIn' : 600, //Used for animation, delete if not needed
'speedOut' : 200, //Used for animation, delete if not needed
'overlayShow' : false, //Used for animation, delete if not needed
'width' : 650, //Set your width
'height' : 500 //Set your height
});
});
</script>
</head>
<body>
<a class="iframe" href="http://www.google.com">Click to open fancy box</a>
</body>
</html>
关于javascript - 将网站嵌入其他域中的模式框内,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3344744/