fancybox content resize to html

Я использую плагин fancybox на веб-странице, над которой я работаю, но прямо сейчас я использую iframes для загрузки моего внешнего содержимого html. Я не слишком хорошо знаком с ajax, но, читая другие сообщения, я обнаружил, что использование iframe не будет работать, а также использовать ajax. Как я могу использовать jquery и ajax для загрузки моего html-файла в контент fancybox, а затем изменить его размер и ширину в размере содержимого html-файла, который у меня есть. Вот код, у меня есть:fancybox content resize to html

<html> 
<head> 
//import all the needed javascript and css files for jquery and plugins 
<script type="text/javascript"> 
$(document).ready(function() { 
    $('.fancybox').fancybox({ 
    openEffect : 'elastic', 
    closeEffect : 'elastic' 
    }); 
}); 
</script> 
</head> 

<body> 
    <a href="sample1.html" class="fancybox">Open Fancybox</a> 
</body> 
<html>

источник

2012-05-24 Cameron

Я думаю, вам нужно использовать OnComplete события (или собственное событие, например, после нажатия некоторых ссылок внутри окна FancyBox) и в этом случае вы должны написать код:

$.fancybox.resize

загрузочный легко:

$('#fancybox_content').load('ajax/test.html')

Для АЯКС синтаксиса см .load() call doc

источник

2012-05-24 00:18:00 odiszapc

Хорошо, это не сработало. У меня другой вопрос. Если у меня есть внешняя страница test.html, как мне получить доступ к ширине и высоте тела этой страницы. – Cameron

Если это не сработало, почему это правильный ответ? просто интересуюсь – JFK

fancybox content resize to html

ответ

Смежные вопросы