From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 22 Sep 2023 12:30:42 +0000 (+0200)
Subject: wait #6269 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=430d15206a36f262b10e7bba5682019edc1d66ed;p=fluidbook-html5.git

wait #6269 @0.5
---

diff --git a/js/libs/fluidbook/fluidbook.loader.js b/js/libs/fluidbook/fluidbook.loader.js
index 4b60ad9c..f062524f 100644
--- a/js/libs/fluidbook/fluidbook.loader.js
+++ b/js/libs/fluidbook/fluidbook.loader.js
@@ -80,7 +80,7 @@ FluidbookLoader.prototype = {
     preloadStart: function (callback) {
         let $this = this;
         this.init(function () {
-            if($this.fluidbook.sound.enabled) {
+            if ($this.fluidbook.sound.enabled) {
                 $this.fluidbook.sound.preloadSounds();
             }
             if ($this.fluidbook.shortLoading) {
@@ -566,7 +566,7 @@ FluidbookLoader.prototype = {
 
     _preloadContentLinkTextures: function (page, clinks, links, enter, callback) {
         var textures = {};
-        let $this=this;
+        let $this = this;
 
         var cl = '';
         $.each(clinks, function (blendmode, links) {
@@ -602,7 +602,7 @@ FluidbookLoader.prototype = {
             nb++;
             var i = $(this).data('id');
             var url = $(this).data('image').replace(/^\.\./, 'data') + '?j=' + (new Date()).getTime();
-            textures[i] = loadImage($this.getURL(url), cb, 'i_' + i);
+            textures[i] = $this.loadImage($this.getURL(url), cb, 'i_' + i);
         });
 
         if (nb === 0) {
diff --git a/js/libs/fluidbook/links/fluidbook.links.zoom.js b/js/libs/fluidbook/links/fluidbook.links.zoom.js
index e139a284..02b31682 100644
--- a/js/libs/fluidbook/links/fluidbook.links.zoom.js
+++ b/js/libs/fluidbook/links/fluidbook.links.zoom.js
@@ -353,7 +353,7 @@ FluidbookLinksZoom.prototype = {
 
             // Load image before running zoom up animation
             $this.fluidbook.displayLoader();
-            loadImage(zoomImage, function (img) {
+            $this.fluidbook.loader.loadImage($this.fluidbook.loader.getURL(zoomImage), null, null, null, null, function (img) {
                 // Image is set as a background for better scaling / fitting via CSS
                 z.css('background-image', 'url(' + img.src + ')');
                 $this.fluidbook.hideLoader();
diff --git a/js/libs/fluidbook/links/fluidbook.links.zoomhd.js b/js/libs/fluidbook/links/fluidbook.links.zoomhd.js
index c42a0b84..c8c31071 100644
--- a/js/libs/fluidbook/links/fluidbook.links.zoomhd.js
+++ b/js/libs/fluidbook/links/fluidbook.links.zoomhd.js
@@ -57,7 +57,7 @@ FluidbookLinksZoomHD.prototype = {
         });
 
         $(document).on('mousewheel', function (e) {
-            if(this.element===undefined){
+            if (this.element === undefined) {
                 return true;
             }
             var s = $this.scale;
@@ -85,7 +85,7 @@ FluidbookLinksZoomHD.prototype = {
         this.fluidbook.menu.viewWrap(view, 'zoomhd', 'data-fullscreen="1" dir="ltr"', 'h100');
         this.element = $("#view").find('.zoomhdScale');
 
-        this.image = fluidbook.loader.loadImage('data/links/' + link.to, null, null, null, null, function () {
+        this.image = this.fluidbook.loader.loadImage(this.fluidbook.loader.getURL('data/links/' + link.to), null, null, null, null, function () {
             setTimeout(function () {
                 $this.initZoomHD();
                 setTimeout(function () {
@@ -167,7 +167,7 @@ FluidbookLinksZoomHD.prototype = {
     },
 
     setMovePos: function (x, y) {
-        if(this.element===undefined){
+        if (this.element === undefined) {
             return;
         }
         x = Math.max(this.dragMinX, Math.min(this.dragMaxX, x));
@@ -197,7 +197,7 @@ FluidbookLinksZoomHD.prototype = {
     },
 
     resize: function () {
-        if(this.element===undefined){
+        if (this.element === undefined) {
             return;
         }
         this.element.closest('.zoomhdRefScale').css({transform: 'scale(' + this.refScale + ')'});
diff --git a/js/libs/fluidbook/workers/loader.js b/js/libs/fluidbook/workers/loader.js
index 8b6bf314..f4e79dfc 100644
--- a/js/libs/fluidbook/workers/loader.js
+++ b/js/libs/fluidbook/workers/loader.js
@@ -33,7 +33,7 @@ loadImage = function (src, width, height, type, callback) {
     axios.get(src, {
         responseType: 'arraybuffer'
     }).then(function (response) {
-        var res = '<img ';
+        var res = '<img crossorigin="anonymous" ';
         if (width != undefined && width != null) {
             res += 'width="' + width + '" ';
         }