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

Home Forums Easy FancyBox Pro How do I get an iFrame to load into the Fancy box popup?

This topic contains 3 replies, has 2 voices, and was last updated by  RavanH 2 months, 3 weeks ago.

  • Author
    Posts
  • #12183

    Gregory Wrighton
    Participant

    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” width=”100%” height=”800″ scrolling=”no” frameborder=”No” > < /iframe >
    < /div >
    < /div >
    < /div >

    Thanks

  • #12185

    Gregory Wrighton
    Participant

    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>
  • #12186

    Gregory Wrighton
    Participant

    All OK found the fix

  • #12218

    RavanH
    Keymaster

    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 🙂

You must be logged in to reply to this topic.

Site by Pharéo | Hosted on The Permanently Moving Network