wait #4346 @0.5

diff --git a/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js b/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
index 7e5dd96a344148617100215d2a6bcca6d674c1f0..a524c6012c5c5995f573d0e90f44cbb8e54a51d0 100644 (file)
--- a/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
+++ b/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
@@ -25,11 +25,16 @@ FluidbookVacheronSlideshow.prototype = {
     },
 
     initSlideshow: function (s) {
-        $(s).data('nbslides', $(s).find('.fb-slideshow-slide').length);
+        this.nb = $(s).find('.fb-slideshow-slide').length;
+        $(s).data('nbslides', this.nb);
         var context = $(s).closest('.fb-slideshow-wrapper').hasClass('fb-slideshow-inline') ? 'inline' : 'popup';
         $(s).data('context', context);
+        var navClass = "";
+        if (this.nb > 12) {
+            navClass += ' compact';
+        }
 
-        var nav = $('<nav class="fb-slideshow-nav"><a href="#" class="fb-slideshow-nav-prev">' + getSpriteIcon('chevron-bold') + '</a></nav>');
+        var nav = $('<nav class="fb-slideshow-nav' + navClass + '"><a href="#" class="fb-slideshow-nav-prev">' + getSpriteIcon('chevron-bold') + '</a></nav>');
         var i = 0;
         $(s).find('.fb-slideshow-slide').each(function () {
             $(nav).append('<a href="#" class="fb-slideshow-nav-index" data-index="' + i + '"></a>');

diff --git a/style/slideshow/vacheron.less b/style/slideshow/vacheron.less
index 539ff9774805eb17aba9f526ed541a5d3957d4f1..280a84acb852d507a010a5420e1c0ff34eb134ab 100644 (file)
--- a/style/slideshow/vacheron.less
+++ b/style/slideshow/vacheron.less
@@ -114,6 +114,12 @@
         }
       }
 
+      &.compact{
+        .fb-slideshow-nav-index {
+          margin: 0 8px;
+        }
+      }
+
       .fb-slideshow-nav-index {
         @w: 9px;
         display: inline-block;