try #1584 @1.5

diff --git a/js/libs/fluidbook/fluidbook.loader.js b/js/libs/fluidbook/fluidbook.loader.js
index 2af8144d80da65aebde47b7587436edd0719ba70..c62771aebed230293dfba9f917ababaf812865af 100644 (file)
--- a/js/libs/fluidbook/fluidbook.loader.js
+++ b/js/libs/fluidbook/fluidbook.loader.js
@@ -10,6 +10,9 @@ function FluidbookLoader(fluidbook) {
 FluidbookLoader.prototype = {
     getVersionToLoad: function (page) {
         if (this.fluidbook.vectorTexts) {
+            if (this.fluidbook.datas.vectorPages.indexOf(page) >= 0) {
+                return 'vector';
+            }
             if (this.fluidbook.datas.rasterizePages.indexOf(page) == -1) {
                 return 'textasvector';
             }
@@ -164,7 +167,11 @@ FluidbookLoader.prototype = {
         }
 
         this.fluidbook.initPage(pageNr, doublePage, position);
+        var version = this.getVersionToLoad(pageNr);
         page = $("#page_" + pageNr);
+        if (version == 'vector') {
+            $(page).addClass('transparentbg');
+        }
         $(doublePage).append(page);
         $(page).show();
         $(page).addClass(position);
@@ -200,7 +207,11 @@ FluidbookLoader.prototype = {
         }
     },
     getBackgroundURL: function (page) {
-        var prefix = this.getVersionToLoad(page) == 'textasvector' ? 'p' : 't';
+        var version = this.getVersionToLoad(page);
+        if (version == 'vector') {
+            return false;
+        }
+        var prefix = (version == 'textasvector') ? 'p' : 't';
         return 'data/background/' + this.fluidbook.support.resolution + '/' + prefix + page + '.jpg';
     },
     getTextsURL: function (page) {
@@ -230,6 +241,10 @@ FluidbookLoader.prototype = {
     },
     __loadBackground: function (page, callback) {
         var url = this.getBackgroundURL(page);
+        if (url == false) {
+            callback();
+            return false;
+        }
         this.backgrounds[page] = this.loadImage(url, null, null, null, callback);
     },
     loadTexts: function (pageNr, callback) {
@@ -309,6 +324,10 @@ FluidbookLoader.prototype = {
         return $(div).get(0).outerHTML;
     },
     loadImage: function (src, width, height, type, callback) {
+        if (src == false) {
+            callback();
+            return;
+        }
         var img = new Image();
         var $this = this;
         var callbackCalled = false;

diff --git a/style/fluidbook.less b/style/fluidbook.less
index 942e04d8b62012cdeb8127778ddc9046d1c82056..656a38dcbc40814e740da0c6c23db120c8280eba 100644 (file)
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -297,6 +297,9 @@ body, html {
        position: absolute;
        top: 0px;
        background-color: #fff;
+       &.transparentbg {
+               background-color: transparent;
+       }
 }
 
 .page .shade {