Мне нужно встроить iframe в другой домен, чтобы при щелчке открывался модальный блок с использованием причудливого окна.встраивание веб-сайта внутри модального окна в другом домене
Это будет работать примерно так.
пользователь щелкает изображение После щелчок загружает окно модальное (FancyBox), который держит IFRAME
мне нужно сделать это, потому что 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>
Спасибо, что сработал! Мне нужно объединить все js, поэтому я связываю только один файл, а затем готов к работе! –
Удивительный! Рад, что я смог помочь. –