3D FlipBook - 3d effect not working

d***n@aura.ie

2020-11-10

2020-11-13

Hi, I'm using the wordpress plugin and the images option, and the light box opens find and I can see the pages. But the 3d effect you show on your videos is not there. I click on the image and it just moves up or down, it does not have the nice 3d effect.

also I'm trying to use the thumbnails on a a page but I want to link them to another page in WP, not a light box. can i do that? thanks Breda

Replies

a***r@3dflipbook.net

2020-11-13

Hi, Write a link to your page. To link other pages use thumbnail mode and js-link

<div class="js-link" data-href="http://3dflipbook.net/">[3d-flip-book mode="thumbnail" id="1533"][/3d-flip-book]</div>
<script>
jQuery(function() {
 jQuery('.js-link').click(function(e) {
  var target = e.target;
  while(!jQuery(target).hasClass('js-link')) {
   target = target.parentNode;
  }
  var href = jQuery(target).attr('data-href');
  if(href) {
   location.href = href;
  }
 });
});
</script>

For usability put the script in your theme scripts.

d***n@aura.ie

2020-11-13

Sorry, do I add the above code to the Snippets for the website? Do i need to change this url to the website address and the id of each book? http://3dflipbook.net/">[3d-flip-book mode="thumbnail" id="1533"][/3d-flip-book]

I can't see thumbnail mode in the plugin? I would have expected the Wordpress plugin to have this built in so it looks like your demo and videos. You don't say on the WP manual that I need to do any of this to get that tilt effect? thanks Breda

a***r@3dflipbook.net

2020-11-14

Put this script in whole site scripts - it will let you to use any element as link. Yes you need to use your ID and URL - these is dust an example. All animation from video is available out of the box. To rotate the book - keep the right mouse button and move the mouse.

d***n@aura.ie

2020-11-14

Ok thank you.