jquery - jquery slider 中的自动淡化问题

Question

我正在寻找在我的 jquery carouselfredsel slider 中具有自动滑动功能的解决方案。jsfiddle.net/5p349dpo/4/

他是用这段代码定义的:

jQuery("#grid").carouFredSel({
    width: 5000,
    padding: 0,
    auto: true,
    prev: "#grid-prev",
    next: "#grid-next",
    items: {
        visible: 3,
        minimum: 1,
        start: -1
    },
    scroll: {
        items: 1,
        duration: 1000
    }
});

如您所见，“auto”选项设置为“true”。默认值为“假”。

图片 1 - 在这张图片中描述了问题和 slider 的行为，以及它应该是什么样子。

图片 2 - 这是我启用自动滑动后得到的结果。

Picture No.1 Picture No.2

现在:左/右幻灯片褪色和居中幻灯片(事件幻灯片)不褪色的主要原因是因为这段代码:

//高亮中心面板

jQuery(window).resize(function() {
    var nextCenter = Math.ceil(jQuery(window).width() / 900);
    var prevCenter = Math.ceil((jQuery(window).width() - 900) / 900);
    jQuery(".grid-panel:eq("+prevCenter+")").addClass("active-panel");

    jQuery("#grid-next").click(function(){
        jQuery(".grid-panel").removeClass("active-panel");
        jQuery(".grid-panel:eq("+nextCenter+")").addClass("active-panel");
    });

    jQuery("#grid-prev").click(function(){
        jQuery(".grid-panel").removeClass("active-panel");
        jQuery(".grid-panel:eq("+prevCenter+")").addClass("active-panel");
    });
}).resize();

现在如您所见，下一个/上一个按钮已定义如何处理左/居中/右幻灯片，因为它们是褪色的/不褪色的/褪色的。

当我在 php 文件中将 auto: false 设置为 auto: true 时。 slider 开始像图片 2 中那样(不褪色/褪色/褪色..等)，就像它只是卡住那些褪色/不褪色的风格，并在“困惑”中得到这个漂亮的 slider 。

我想添加一些类似于我在帖子中包含的第二个代码的内容，因此自动 slider 的行为就像我单击“下一步”按钮一样。

请帮忙。

Answer 1

好的...

一段时间后，我找到了一个解决方案，它并没有我最初寻找的那么复杂，甚至更简单。

甚至不需要启用自动滚动。由于“下一个/上一个”按钮已经配置为可以工作，我只是模拟了它们，它看起来像这样:

function simulateClick(){
    $('#grid-next').click();
};

setInterval(simulateClick, 2000);

好了，很简单。我希望这会在将来帮助某人。

再见:)