Javascript 有没有办法让图像库/旋转木马转到另一边？

我正在尝试设置一个图像库/旋转木马（），其中一行从右向左，下一行从左向右。 它应该看起来像一个新闻播报机（见：），只是有照片

我找到了一些从左到右设置图像库/旋转木马的代码，但我似乎不知道如何让它向另一个方向移动。有人有主意吗

已经尝试使用html标记框，但这似乎不是一个好的做法，因为不再推荐使用该标记。我也尝试过使用CSS，但我再次了解到（我对编码非常陌生）任何效果/移动等都应该用js编程

我想让画廊从另一条路走

$（函数（）{
var scroller=$（“#scroller div.innerScrollArea”）；
var scrollerContent=scroller.children（'ul'）；
scrollerContent.children（）.clone（）.appendTo（scrollerContent）；
var-curX=0；
scrollerContent.children（）.each（函数（））{
var$this=$（this）；
$this.css（'left'，curX）；
curX+=$this.outerWidth（true）；
});
var fullW=curX/2；
var viewportW=scroller.width（）；
//滚动速度管理
变量控制器={
诅咒速度：0，
全速：2
};
变量$controller=$（controller）；
var tweentenowspeed=函数（新闻速度、持续时间）{
如果（持续时间===未定义）
持续时间=600；
$controller.stop（true）.设置动画({
诅咒：新闻速度
}，持续时间）；
};
//悬停
scroller.hover（函数（）{
tweentenowspeed（0）；
}，函数（）{
tweenToNewSpeed（控制器全速）；
});
//滚动管理；启动自动滚动
var doscorl=函数（）{
var curX=scroller.scrollLeft（）；
var newX=curX+controller.curSpeed；
如果（newX>fullW*2-viewportW）
newX-=fullW；
scroller.scrollLeft（newX）；
};
设置间隔（多斯克罗尔，20）；
tweenToNewSpeed（控制器全速）；
});
#滚动条{
宽度：100%；
高度：400px；
保证金：0自动；
位置：相对位置；
}
#滚动条。内部滚动区域{
溢出：隐藏；
位置：绝对位置；
左：0；
右：0；
排名：0；
底部：0；
}
#卷轴{
填充：0；
保证金：0；
位置：相对位置；
}
#卷轴李{
填充：0；
保证金：0；
列表样式类型：无；
位置：绝对位置；
}







若要向右滚动，应将
全速
更改为
-2
&添加条件以在溢出时重置
newX


$（函数（）{
var scroller=$（“#scroller div.innerScrollArea”）；
var scrollerContent=scroller.children（'ul'）；
scrollerContent.children（）.clone（）.appendTo（scrollerContent）；
var-curX=0；
scrollerContent.children（）.each（函数（））{
var$this=$（this）；
$this.css（'left'，curX）；
curX+=$this.outerWidth（true）；
});
var fullW=curX/2；
var viewportW=scroller.width（）；
//滚动速度管理
变量控制器={
诅咒速度：0，
全速：-2
};
变量$controller=$（controller）；
var tweentenowspeed=函数（新闻速度、持续时间）{
如果（持续时间===未定义）
持续时间=600；
$controller.stop（true）.设置动画({
诅咒：新闻速度
}，持续时间）；
};
//悬停
scroller.hover（函数（）{
tweentenowspeed（0）；
}，函数（）{
tweenToNewSpeed（控制器全速）；
});
//滚动管理；启动自动滚动
var doscorl=函数（）{
var curX=scroller.scrollLeft（）；
var newX=curX+controller.curSpeed；
if（newXfullW*2-viewportW）
newX-=fullW；
scroller.scrollLeft（newX）；
};
设置间隔（多斯克罗尔，20）；
tweenToNewSpeed（控制器全速）；
});
#滚动条{
宽度：100%；
高度：400px；
保证金：0自动；
位置：相对位置；
}
#滚动条。内部滚动区域{
溢出：隐藏；
位置：绝对位置；
左：0；
右：0；
排名：0；
底部：0；
}
#卷轴{
填充：0；
保证金：0；
位置：相对位置；
}
#卷轴李{
填充：0；
保证金：0；
列表样式类型：无；
位置：绝对位置；
}