Flex滑块 - 我想算上Carousel Min&调整浏览器大小时的最大项

时间:2013-11-28 10:41:33

标签: javascript jquery flexslider

调整浏览器大小时然后刷新页面。所以算上Carousel Min&最大项目。但不计算Carousel Min&没有刷新页面的最大项目。

我想算上Carousel 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
});
});

}());

2 个答案:

答案 0 :(得分:1)

我遇到了同样的问题。尝试使用代码修复它。

wkhtmltopdf --cookie key value input output

答案 1 :(得分:0)

尝试类似

的内容
(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;
  });
}());