Javascript 创建幻灯片放映以将图像从左向右移动？

我现在有这个代码

setInterval(function() {
var $a = $('#slide .active');
    var $n =  $a.next().length ? $a.next() : $('#slide img:first');    
    $n.addClass('active');
    $a.removeClass('active');
}, 1000); 

这将逐个显示所有图像。我想从左到右显示图像，但我不知道如何显示

What should I change here?

---

为什么不使用一个插件呢？我想学习如何做。然后你应该制作一个JSFIDLE，展示你迄今为止在CSS和HTML方面的成果：）