Flipbook does not display correctly in a lightbox

Followup info…

I finally gave in and hand coded a popup div. The following code works fine but, you’ll be interested in the fact that it does not display the flipbook if the toggle javascript uses display block / none as the hiding mechanism. I had to switch to toggling visibility to get it to work. I think it is because the flipbook plugin loads the flipbook on page load if is it visible. Since it is hidden on page load the flipbook lazyload javascript does not load it so when it is made visible there is no flipbook in it. By switching from a display block / none javascript toggle to show / hide the box to a visibility javascript toggle the flipbook is, in fact, getting loaded on page load but just kept hidden by the visibility toggle until the toggle is triggered to display it.

—————————-

‘<p style=”text-align: center;”>Read the Cervical Fascia Chapter</p>
<div id=”foo” style=”display:block; visibility: hidden; background:#EBE0FF; left:0px; right:0px; top:0px; bottom:0px; z-index:100000; position:fixed; overflow: scroll; opacity: 1.0;”>[x][pdf-light-viewer id=”250″]</div>

<script type=”text/javascript”>
<!–

function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.visibility == ‘hidden’)
e.style.visibility = ‘visible’;
else
e.style.visibility = ‘hidden’;
}
//–>
</script>’

————————–

Hello @onepresstech,

Thank you for you solution.

Maybe we will integrate some lightbox to the plugin later.

P.S. as far as I understand, the issue was solved? If no, please comment here or on support forum https://support.wp.teamlead.pw/

Thank you very much for following up.

I would still prefer to use one of the plug-ins Easy Fancybox or Lightbox Plus Colorbox instead of my manual work-around if possible since these plugins are more convenient and flexible.

I might suggest you do a quick test before closing this bug…you might find that this is a quick one-line Javascript fix. I suggest that support for popups is a high priority feature for your plug-in since the display of a flipbook within a theme is not as readable as within a full page popup overlay since themes typically constrain the display area (header / footer / sidebar).

Feel free though to close this bug report and file it as a feature enhancement since I have identified a work-around. I leave that to your discretion.

Thank you again for creating this excellent plug-in. It is much appreciated ??