- Added support for new extension: reponsiveSlides that turn slides into sections on responsive alvarotrigo#1919

alvarotrigo · alvarotrigo · commit 85683aa9297d · 2016-08-30T12:41:16.000+01:00
diff --git a/jquery.fullPage.js b/jquery.fullPage.js
@@ -163,6 +163,7 @@
             responsive: 0, //backwards compabitility with responsiveWiddth
             responsiveWidth: 0,
             responsiveHeight: 0,
+            responsiveSlides: false,
 
             //Custom selectors
             sectionSelector: SECTION_DEFAULT_SEL,
@@ -487,6 +488,10 @@
                     $(SECTION_NAV_SEL).hide();
                     $body.addClass(RESPONSIVE);
                     $.isFunction( options.afterResponsive ) && options.afterResponsive.call( container, active);
+
+                    if(options.responsiveSlides && FP.responsiveSlides){
+                        FP.responsiveSlides.toSections();
+                    }
                 }
             }
             else if(isResponsive){
@@ -495,6 +500,10 @@
                 $(SECTION_NAV_SEL).show();
                 $body.removeClass(RESPONSIVE);
                 $.isFunction( options.afterResponsive ) && options.afterResponsive.call( container, active);
+
+                if(options.responsiveSlides && FP.responsiveSlides){
+                    FP.responsiveSlides.toSlides();
+                }
             }
         };
 
@@ -508,7 +517,10 @@
                     lazyLoad: lazyLoad,
                     addAnimation: addAnimation,
                     performHorizontalMove: performHorizontalMove,
-                    silentLandscapeScroll: silentLandscapeScroll
+                    silentLandscapeScroll: silentLandscapeScroll,
+                    keepSlidesPosition: keepSlidesPosition,
+                    silentScroll: silentScroll,
+                    styleSlides: styleSlides
                 }
             };
         };
@@ -519,6 +531,7 @@
             loadExtension('fp_scrollHorizontallyExtension');
             loadExtension('fp_resetSlidersExtension');
             loadExtension('fp_interlockedSlidesExtension');
+            loadExtension('fp_responsiveSlidesExtension');
 
             init();
 
@@ -1260,7 +1273,7 @@
                     //emptying the array, we dont care about old scrollings for our averages
                     scrollings = [];
                 }
-                
+
                 if(canScroll){
                     var averageEnd = getAverage(scrollings, 10);
                     var averageMiddle = getAverage(scrollings, 70);
@@ -2222,7 +2235,10 @@
         }
 
         function addTableClass(element){
-            element.addClass(TABLE).wrapInner('<div class="' + TABLE_CELL + '" style="height:' + getTableHeight(element) + 'px;" />');
+            //In case we are styling for the 2nd time as in with reponsiveSlides
+            if(!element.hasClass(TABLE)){
+                element.addClass(TABLE).wrapInner('<div class="' + TABLE_CELL + '" style="height:' + getTableHeight(element) + 'px;" />');
+            }
         }
 
         function getTableHeight(element){
