jquery - 在第 2 帧启动 jQuery 轮播

Question

我有这个 jQuery 轮播:http://dougie.thewestharbour.com/wp-content/themes/dougie/slider.html

它现在工作得很好，但我想在 css 和 jQuery 中修复两件事:

http://dougie.thewestharbour.com/wp-content/themes/dougie/carousel/css.css http://dougie.thewestharbour.com/wp-content/themes/dougie/carousel/js.js

如何让它从屏幕中央的第 2 帧开始，第 1 帧仍在左侧，第 3 帧仍在右侧？它必须位于中心，以便第一个和第三个在两侧均匀分布。

我附上了它在 1280 宽屏幕上应该是什么样子的图像。然后在更大的屏幕尺寸上，您只会看到更多的左右图像，而且所有内容仍会居中。

另外，您可以看到它在从 1 移动到 2 时添加了下一个循环。我如何得到它以便在它从末尾移动回 1 时添加它，这样您实际上看不到它添加？

谢谢，韦德

Answer 1

查看轮播插件我认为不可能有起始索引。但是我确实找到了一个:jCarousel

对你的代码做一个简单的改动，在ul和后面的js中添加一个id

$(document).ready(function() {
    $('#mycarousel').jcarousel({
        start: 2,
        auto: 2,
        scroll: 1,
        wrap: "circular"
    });
});

我还没有找到一种可靠的方法来使事件的 li 居中。但我确信有办法。

编辑:现在可以做到了......

您需要做的就是将视口(viewport)宽度设置为 li 的宽度，即 750px。然后将 margin:0 auto; 添加到视口(viewport) css。哦，将 overflow 设置为 visible。

DEMO