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

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

Viewing 3 reply threads
  • 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&#8221; 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
      Rolf
      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 🙂

Viewing 3 reply threads
  • You must be logged in to reply to this topic.