3D FlipBook - Trying to remove the ability to pan and zoom on image

l***p@gmail.com
2023-02-27
2023-03-14

I am trying to remove the ability for touchpan, touchzoom, and add swiping capabilities on a touch screen, I have added the following properties and actions to my code but it doesn't seem to work. Below I will paste the code, we are paying for a year to use the software, any support in regards to this situation would be great. Thanks.

Code-

   function preview(n) {
        return {
           type: 'html',
           src: 'books/html/wedding/'+(n%5+1)+'.html',
           interactive: true
         };
       }

  $('#container').FlipBook({
       pageCallback: preview,
         pages: 5,
         propertiesCallback: function(props) {
           props.sheet.color = 0x008080;
           props.cover.padding = 0.002;
           props.interactiveCorners = false;
           return props;
         },
    template: {"html":"templates\/default-book-view.html","styles":["css\/font-awesome.min.css","css\/black-book-view.css"],"script":"js\/default-book-view.js","sounds":{"startFlip":"sounds\/start-flip.mp3","endFlip":"sounds\/end-flip.mp3"}},
    controlsProps: {
        actions: {
          cmdSmartPan: {
            active: false
          },
          touchCmdPan: {
            active: false
          },      
          touchCmdZoom: {
            active: false
          },   
          touchCmdSwipe: {
            active: true
          },     
          touchCmdRotate: {
            active: false
          },                          
          cmdSinglePage :{
            activeForMobile: true
          },
        },
      actions: {
        cmdBackward: {
          code: 37,
        },
        cmdForward: {
          code: 39
        },
        cmdSave: {
          code: 68,
          flags: 1,
        }
      },
      loadingAnimation: {
        book: true
      },
      //autoResolution: {
      //  enabled: true
     // },
         scale: {
            default: 2.053,

            levels: 0
          }
    }
  });

Replies

a***r@3dflipbook.net
2023-03-06
2023-03-06

Hi, it should be like this:

$('#container').FlipBook({
  controlsProps: {
    actions: {
      touchCmdPan: {
        enabled: false
      },
      touchCmdSwipe: {
        enabled: false
      },
      touchCmdZoom: {
        enabled: false
      }
    }
  }
});
Log In to leave a comment