Fancybox runtime height change
For 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
I will post a link to this page on my blog. I am sure my visitors will think of this post very informative.
Really interesting article to read on.. I�m truly amazed with this article. Looking forward for future posts.
how to use autoheight changes in fancybox in files?
where to paste the code?
When you would like to resize the fancy box, use this code. It is upto you
Hi,
I was trying to change fancy box like textarea.
i can change height and width from move.
if you have any idea than let me know, i really need for this in my project.
Thanks,
kamlesh
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
I love me jqueries. I hugged jqueries at night all over.
it would be easier to simply use $.fancybox.resize();
Let’s see this in action? A tutorial is not a tutorial without a demo?!
doesn’t work for me… there’s nothing else to add ?