Friday 20th November 2009
by Sajith M.RFor those who use fancy box and iframe inside fancy box might face the issue of changing the height. Once fancybox is loaded with a particular height and width, it does not change when you change the content inside iframe dynamically. Auto height change is only possible for images.
Use the below code to change the dimensions of an iframe in runtime.
<script type=”text/javascript”>
parent.$(“#fancy_outer”).width(100); parent.$(“#fancy_outer”).height(120);
</script>
Cheers
Sajith
Tags: autoheight, fancybox, iframe, Javascript, runtime, script
it would be easier to simply use $.fancybox.resize();
I love me jqueries. I hugged jqueries at night all over.
Hey Sajith,
thanks for your work. Would it be possible to see this line of code in action? Maybe an example page or something like that…
I have to admit, I have no clue how to use this :-/
Have a nice day
Philipp
When you would like to resize the fancy box, use this code. It is upto you
where to paste the code?
how to use autoheight changes in fancybox in files?
Really interesting article to read on.. I�m truly amazed with this article. Looking forward for future posts.
I will post a link to this page on my blog. I am sure my visitors will think of this post very informative.