javascript - 居中背景图像 javascript 滑块

Question

我已经启动并运行了它，并且想知道您是否可以在中心而不是左侧开始图像。似乎我是否操纵了它没有居中的 css，所以想知道它是否需要 javascript 中的某些东西。或者实际上甚至可以在图像中选择一个特定的起点。我的 javascript 知识虽然不是最丰富的......

这就是我要说的

http://jsfiddle.net/ARTsinn/MvRdD/890/

Answer 1

您可以使用 jQueryscrollLeft()函数 onload 将容器滚动到中心。试试这个：

var center = $('#content').width()/2 - scrollWrapper.width()/2
scrollWrapper.scrollLeft(center);

演示：http: //jsfiddle.net/MvRdD/922/

Answer 2

以下将使图像居中，没有可见的滚动条：

newleft =$('body').width()/2 - $('#content').width()/2;
$('#content').offset({left: newleft});

不幸的是，它并不完美，因为它不允许您通过按“左”按钮滚动到最左边的部分，我正在尝试看看这是否可以改进，但尽管如此，这对您摆弄它很有用。

看演示