Opening inline HTML in a fancybox popup is easily achievable but once I faced the problem of opening a HTML page within fancybox popup. After googling, I found the solution that ‘type’ property of fancybox we need to include on calling of it.
For that we need to use fancybox property “type:iframe”.Here is the code snippet :
1 2 3 4 5 6 7 8 | $("#frame").fancybox({ 'width' : '75%', 'height' : '75%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); |
HTML
1 | <a id="frame" href="http://fellowtuts.com">This goes to iframe</a> |
In this way you can open a html page within fancybox
HTML page within fancybox
If you are facing any issue regarding fancybox as well as colorbox then post us your query. We will try to provide you a solution as soon as possible.
Thanx