我有一个(不寻常的)来自客户端的请求,即在"幻灯片"动画期间每个幻灯片之间至少有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)