1. 確定滑動方向

在開始之前，我們需要先確認滑動的方向。這樣，我們才能夠寫出正確的JavaScript代碼。假如說我們想要實現從左往右滑動的效果，那么代碼可以寫成：

function slideRight () {
var container = document.getElementById('container');   
container.scrollBy(300, 0);  
};
setInterval(slideRight, 3000);

2. 指定滑動速度

除了滑動方向之外，我們還可以通過JavaScript來指定滑動的速度。比如說，我們可以設置一張圖片每隔3秒鐘向右滑動300像素。代碼可以寫成：

function slideRight () {
var container = document.getElementById('container');   
container.scrollBy(300, 0);  
};
setInterval(slideRight, 3000);

3. 實現循環滑動

循環滑動也是一種常見的需求。比如說，我們希望一組圖片可以不斷地向右滑動，直到所有圖片都顯示出來為止。代碼可以寫成：

function loopSlideRight () {
var container = document.getElementById('container');   
container.scrollBy(300, 0);
if (container.scrollLeft >= container.scrollWidth - container.clientWidth) {
container.scrollLeft = 0;
}
};
setInterval(loopSlideRight, 3000);

4. 添加滑動動畫效果

如果需要給滑動過程添加動畫效果，我們可以使用CSS3的transition屬性。代碼可以寫成：

#container {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

這里，我們給container添加了一個1秒鐘的漸變效果，讓滑動的過程更加流暢。

總結一下，通過JavaScript可以實現滑動圖片效果，包括確定滑動方向、指定滑動速度、實現循環滑動以及添加滑動動畫效果。在實際開發中，我們可以根據需求調整代碼，實現更加精細化的滑動效果。