在第二帧启动jQuery Carousel

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帧开始，第一帧仍在左侧，第三帧仍在右侧？它必须位于中心位置，以便第一个和第三个在两侧均匀分布。

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

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

谢谢， 涉

Answer 1

查看carousel插件我认为不可能有一个起始索引。但是我找到了一个：jCarousel

这是对代码的简单更改，为ul和以下js添加ID

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

我找不到以活跃li为中心的可靠方法。但我确信有办法。

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

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

的 DEMO 的