Flex slider - я хочу подсчитать количество каруселей Min & Max при изменении размера браузера

Question

Когда измените размер браузера &, то после обновления страницы. поэтому count Carousel Min & Макс. предметы. но когда не рассчитывается Карусель Min & Макс. Элементы без страницы обновления.

Я хочу сосчитать Карусель Min & Максимальное количество элементов при изменении размера браузера.

Смотрите наш сайт (я с помощью Carousel FlexSlider в Показанный Пункт): http://demo.harnishdesign.net/opencart/polishop/

Как это исправить?

(function() { 

// store the slider in a local variable 
var $window = $(window), 
flexslider; 

// tiny helper function to add breakpoints 
function getGridSize() { 
return (window.innerWidth < 320) ? 1 : 
(window.innerWidth < 600) ? 2 : 
(window.innerWidth < 800) ? 3 : 
(window.innerWidth < 900) ? 4 : 5; 
} 

$window.load(function() { 
$('#content .featured_carousel').flexslider({ 
animation: "slide", 
animationLoop: false, 
slideshow: false, 
itemWidth: 210, 
minItems: getGridSize(), // use function to pull in initial value 
maxItems: getGridSize() // use function to pull in initial value 
}); 
}); 

}()); 

Answer 1

Попробуйте что-то вроде

(function() { 

    // store the slider in a local variable 
    var $window = $(window), 
     flexslider; 

    // tiny helper function to add breakpoints 
    function getGridSize() { 
    return (window.innerWidth < 600) ? 2 : 
      (window.innerWidth < 900) ? 3 : 4; 
    } 

    $(function() { 
    SyntaxHighlighter.all(); 
    }); 

    $window.load(function() { 
    $('.flexslider').flexslider({ 
     animation: "slide", 
     animationLoop: false, 
     itemWidth: 210, 
     itemMargin: 5, 
     minItems: getGridSize(), // use function to pull in initial value 
     maxItems: getGridSize() // use function to pull in initial value 
    }); 
    }); 

    // check grid size on resize event 
    $window.resize(function() { 
    var gridSize = getGridSize(); 

    flexslider.vars.minItems = gridSize; 
    flexslider.vars.maxItems = gridSize; 
    }); 
}()); 

Answer 2

я имел такую ​​же проблему. Попробуйте код, чтобы исправить это.

(function() { 
 

 
    // store the slider in a local variable 
 
    var $window = $(window); 
 
    var flexslider; 
 

 
    // tiny helper function to add breakpoints 
 
    function getGridSize() { 
 
    return (window.innerWidth < 320) ? 1 : 
 
     (window.innerWidth < 600) ? 2 : 
 
     (window.innerWidth < 800) ? 3 : 
 
     (window.innerWidth < 900) ? 4 : 5; 
 
    } 
 

 
    $window.load(function() { 
 
    $('#content .featured_carousel').flexslider({ 
 
     animation: "slide", 
 
     animationLoop: false, 
 
     slideshow: false, 
 
     itemWidth: 210, 
 
     minItems: getGridSize(), // use function to pull in initial value 
 
     maxItems: getGridSize(), // use function to pull in initial value 
 
     start: function(slider) { 
 
     flexslider = slider; 
 
     } 
 
    }); 
 
    }); 
 

 
    $window.resize(function() { 
 
    var gridSize = getGridSize(); 
 

 
    flexslider.vars.minItems = gridSize; 
 
    flexslider.vars.maxItems = gridSize; 
 
    }); 
 

 
}());