Support » Plugin: FancyBox for WordPress » Inline Call

  • 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:

    jQuery("a#inline").fancybox({
    	'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;">
    <h2>Alert</h2>
    <p>TEST!! TEST !!!</p>
    
    <p>Would you still like to continue?<br>
    <a href="#">YES!</a> | <a href="#">No!</a></p>
    
    </div>

    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?

    http://wordpress.org/extend/plugins/fancybox-for-wordpress/

Viewing 2 replies - 1 through 2 (of 2 total)
  • 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.

    And thanks btw!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Inline Call’ is closed to new replies.