居中的背景图像javascript滑块

Question

我已经启动并运行了，并且想知道你是否可以在中心而不是左侧开始拍摄图像。似乎如果我操纵它不会使它居中，所以想知道它是否需要javascript内的东西。或者实际上甚至可以选择图像中的特定起点。我的javascript知识不是最好的......

这就是我所说的

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

Answer 1

您可以使用jQuery scrollLeft()函数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});

不幸的是它并不完美，因为它不会让你通过按下“向左”按钮滚动到最左边的部分，我试图看看是否可以改进它，但是这对于你的摆弄它可能是有用的。

请参阅demo