https://www.vorbourg.ch/Scripts/javascript/flipbook/runFlipbook.js

1bookJson = [];
2booksOptions = {}
3
4
5function FlipbookInit(){
6	jQuery('.flipBook').each(function() {
7		
8		var bookID = jQuery(this).attr('data-book-id');
9		var bookPDF = jQuery(this).attr('data-href');
10		
11		booksOptions[bookID] = {
12			"pdf": bookPDF,
13			"template": {
14			  "html": '/Htdocs/Static/flipbook/default-book-view.html',
15			  "styles": [
16				'/Htdocs/Styles/lib/flipbook-view.css'
17			  ],
18			  "links": [{
19				"rel": 'stylesheet',
20				"href": '/Htdocs/Styles/lib/flipbook-fonts.css'
21			  }],
22			  "script": '/Scripts/javascript/flipbook/default-book-view.js',
23			  "sounds": {
24				"startFlip": '/Htdocs/Static/flipbook/sound/start-flip.mp3',
25				"endFlip": '/Htdocs/Static/flipbook/sound/end-flip.mp3'
26			  }
27			},
28			"styleClb": function() {
29			  jQuery('.fb3d-modal').removeClass('dark').addClass('light');
30			},
31			controlsProps: {
32				downloadURL: bookPDF,
33				actions: {
34					cmdSinglePage: {
35						activeForMobile:true,
36					}
37				}
38			}
39		}
40
41		bookJson.push(booksOptions);
42	});
43}
44
45
46function FlipbookRun(){
47	jQuery('a.flipBook').unbind();
48	jQuery('a.flipBook').click(function(e) {
49	  var target = jQuery(e.target);
50	  while(target[0] && !target.attr('data-book-id')) {
51		target = jQuery(target[0].parentNode);
52	  }
53	  if(target[0]) {
54		instance.options = booksOptions[target.attr('data-book-id')];
55		jQuery('.fb3d-modal').fb3dModal('show');
56	  }
57	  
58	  e.preventDefault();
59	});
60}
61
62jQuery('.flipBook').each(function(i){
63	jQuery(this).attr('data-book-id','book'+i);
64});
65	
66FlipbookInit();
67
68var styleClb = function() {
69  jQuery('.fb3d-modal').removeClass('light').addClass('dark');
70}, booksOptions;
71
72var instance = {
73  scene: undefined,
74  options: undefined,
75  node: jQuery('.fb3d-modal .mount-container')
76};
77
78var modal = jQuery('.fb3d-modal');
79modal.on('fb3d.modal.hide', function() {
80  instance.scene.dispose();
81});
82modal.on('fb3d.modal.show', function() {
83  instance.scene = instance.node.FlipBook(instance.options);
84  instance.options.styleClb();
85});
86
87FlipbookRun();
88