0

我有这个 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

我如何让它从屏幕中心的第二帧开始，第一帧仍然在左边，第三帧仍然在右边？它必须在中心，以便第一个和第三个在两侧均匀分布。

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

在此处输入图像描述

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

谢谢，韦德

4

1 回答 1

2

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

这是对您的代码的简单更改，ul在后面的js中添加一个id

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

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

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

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

演示

于 2011-05-10T08:39:13.630 回答