3D FlipBook - iFrame-ID. Is it possible, to give the iframe an specific ID anywhere in the source code or template. Because I have to put

m***s@cecn.net
2019-08-08
2019-08-08

iFrame-ID.

Is it possible, to give the iframe an specific ID anywhere in the source code or template. Because I have to put links or buttons in safari or IE to another position (e.x. transform: translate (75px,20px);).

Otherwise it is not possible to put Buttons or something else at right positions in different Browers. And then it doesn´t work.

But for this I have to adress the iframe like id=”“book”“

<iframe id=”book” scrolling=”no” ....

Browserdetection gives “safari” or “IE” and then …

$(document).ready(function(){ if($(’#book’).length > 0){ $(’#book’).load(function(){ $(’#book’) .contents().find(‘body’) .addClass($(‘body’).attr(‘class’)); }); } });

... then I can adress Buttons, Links like this

.link-1 { background-color: transparent; width: 650px; font-size: 20px; border: 1px; cursor: pointer; } .safari .link-1{ transform: translate (75px,20px); }

Replies

a***r@3dflipbook.net
2019-08-08
2019-08-08

You can add any css classes in the shortcode [3d-flip-book mode=”fullscreen” classes=”fb-class” ...] then use cascade selector $(’.fb-class iframe’)

Log In to leave a comment