居中背景圖片javascript滑塊

我已經啓動並運行了，並且想知道是否可以在中心而不是在左側啓動圖像。似乎如果我操縱的CSS不集中，所以想知道它是否需要JavaScript內的東西。或者甚至在圖像中選擇特定的起點。我的JavaScript知識不是，雖然最大的...居中背景圖片javascript滑塊

這裏就是我說的

2012-10-03 legoman

你可以在頁面加載 – PaperThick

您可以使用jQuery的scrollLeft()功能的onload到容器滾動到中心。試試這個：

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

2012-10-03 13:28:41 David

下面將中心的形象，沒有滾動條可見：

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

遺憾的是它並不完美，因爲它不會讓你滾動到最左邊部分按下你的'左'按鈕，我試圖看看這是否可以改善，但仍然可以用於你的擺弄它。

2012-10-03 14:06:34 Nelson

啊謝謝你，但是，我的滾動條是不存在的anywho ... IHAVE一些CSS3按鈕，隨着鼠標滾輪滾動瀏覽滾動圖像寬度的權50％，無動畫和mousedrag – legoman

David發佈的解決方案具有可見的滾動條，我以爲你在尋找沒有它們的解決方案，就像你最初的小提琴。 – Nelson

@Nelson：真的，我把它們留在小提琴中只是爲了調試。但是，我發佈的代碼不會影響滾動條的可見性。 – David

回答