小编Ash*_*kas的帖子

Flexslider - 可能在幻灯片之间有边距?

我有一个(不寻常的)来自客户端的请求,即在"幻灯片"动画期间每个幻灯片之间至少有40个像素的填充/边距.Flexslider的默认值是针对彼此刷新的项目.

2.0中有一个新的JQuery选项用于"itemMargin",但它似乎只用于"carousel"设置.如果我通过CSS应用保证金,每张幻灯片都会碰到下一张幻灯片.

无论如何在幻灯片之间应用保证金,还是这是一个不可能的选择?

这是我当前的选项设置

$(window).load(function() {
    $('.home_slider').flexslider({

        animation: "slide",              //String: Select your animation type, "fade" or "slide"
        smoothHeight: false,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
        slideshow: false,                //Boolean: Animate slider automatically
        controlNav: false, 
        directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
        prevText: "%",           //String: Set the text for the "previous" directionNav item
        nextText: "&",
        // Carousel Options
        itemMargin: 40
    });
Run Code Online (Sandbox Code Playgroud)

jquery slider slideshow flexslider

6
推荐指数
2
解决办法
1万
查看次数

标签 统计

flexslider ×1

jquery ×1

slider ×1

slideshow ×1