jquery中的Css转换

Question

我需要在博客部分创建一个滑块like this，所以我写了脚本，但我遇到了问题。

我希望一切都能在循环中显示出来。因此，如果最后一个图像/标题转到第一个。

为了让所有内容都能在最后一张幻灯片中运行，我必须更改以前所有幻灯片的位置，以便我这样做：

$('#news-slider-' + sliderId + ' .photos .photo').each(function() {
            if (!$(this).hasClass('active')) {
                $(this).css({
                    '-moz-transform': 'translate3d(100%, 0, 0)',
                    '-o-transform': 'translate3d(100%, 0, 0)',
                    '-ms-transform': 'translate3d(100%, 0, 0)',
                    '-webkit-transform': 'translate3d(100%, 0, 0)',
                    'transform': 'translate3d(100%, 0, 0)'
                });
            }
        });

但是在下一步之前它没有改变。在代码中，我将此作为一个问题进行了评论。

我的代码在这里：

jsfiddle.net/43gfzof4/