wait #4346 @1

diff --git a/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js b/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
index a524c6012c5c5995f573d0e90f44cbb8e54a51d0..14bb1443ba4b06d0a1844fe62706e2f5142f50c9 100644 (file)
--- a/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
+++ b/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
@@ -135,7 +135,13 @@ FluidbookVacheronSlideshow.prototype = {
 
         $(s).css({width: w, height: h});
         var nav = $(s).find('.fb-slideshow-nav');
-        $(nav).css('left', (w - $(nav).outerWidth()) / 2);
+        var navLeft = (w - $(nav).outerWidth()) / 2;
+        var transform = '';
+        if (navLeft < 0) {
+            navLeft = 0;
+            transform = 'scale(' + (w / $(nav).outerWidth()) + ')';
+        }
+        $(nav).css({left: navLeft, transform: transform});
 
 
         return {w: w, h: h, fullscreen: fullscreen};

diff --git a/style/slideshow/vacheron.less b/style/slideshow/vacheron.less
index 280a84acb852d507a010a5420e1c0ff34eb134ab..98aa2df27171e28d37a4b8067975369ac2c3ef85 100644 (file)
--- a/style/slideshow/vacheron.less
+++ b/style/slideshow/vacheron.less
@@ -82,6 +82,7 @@
       opacity: 0;
       transition: opacity 250ms;
       white-space: nowrap;
+      transform-origin: 0 0;
 
       .fb-slideshow-nav-prev, .fb-slideshow-nav-next {
         @w: 40px;