How do I get an iFrame to load into the Fancy box popup?

[Gregory Wrighton]

As per title, how do I get an iFrame to load into the Fancy box popup?

Any documentation would be helpful.

Tried to add my code but will not save

< a class=”button fancybox” href=”#contact_form_pop” >Contact Me

< div class=”fancybox-hidden” style=”display: none;” >
< div id=”contact_form_pop” >
< div class=”iframe-loader” >
< iframe style=”border:none;” name=iframe src=”http://my-iframe.com/whatever&#8221; width=”100%” height=”800″ scrolling=”no” frameborder=”No” > < /iframe >
< /div >
< /div >
< /div >

Thanks

[Gregory Wrighton]

Here is the code again in use – damn it it keeps dropping, removing code;

<a class="button fancybox" href="#contact_form_pop">Contact Me</a>


  
    
      
    
  </div>
</div>

[Gregory Wrighton]

All OK found the fix

[RavanH]

Hi Gregory, it looks like you are trying to load an iframe as Inline Content which will likely cause problems.

The best way is to:
1. Enable the iFrame option on Settings > Media
2. Create a direct link (or button) to the desired content (that would normally be the SRC of the iframe)
3. Give that link a class=”fancybox-iframe” attribute.

You probably already found this in the FAQs 🙂

[Author]

Posts