FancyBox for WordPress
Inline Call (3 posts)

  1. Dani-Girl
    Posted 3 years ago #

    I'm trying to implement an inline call in the Extended Call sections, but it seems not to be working properly.

    Here is my JS:

    	'overlayOpacity': "0.9",
    	'overlayColor': "#000000",
    	'titleShow': true,
    	'titlePosition': 'float',
    	'enableEscapeButton': true,
    	'showCloseButton': true,
    	'showNavArrows': true,
    	'hideOnOverlayClick': true,
    	'hideOnContentClick': false,
    	'width': 560,
    	'height': 340,
    	'transitionIn': "fade",
    	'transitionOut': "fade",
    	'centerOnScroll': true,
    	'type': 'inline'

    Here is my a href link:
    <a id="inline" href="#data"><img src="somefile.jpg" border="0"></a>

    And My div:

    <div id="data" style="width: 600px; height: 150px; display: none; position: absolute; z-index: 10;">
    <p>TEST!! TEST !!!</p>
    <p>Would you still like to continue?<br>
    <a href="#">YES!</a> | <a href="#">No!</a></p>

    However, when clicking on the link, the fancybox only creates a small 10 px x 10 px white box, with no content.

    anyone can help?


  2. flojnel
    Posted 3 years ago #

    I was looking for the code to put in the extended call section and used yours (modified for my settings) and it worked. What's different in mine is that the "data" div is wrapped in another div:
    <div style="display:none">
    I think that might be all you need to add.

  3. flojnel
    Posted 3 years ago #

    And thanks btw!

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • FancyBox for WordPress
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic