传送带效应[关闭]答案

【问题标题】：Conveyor Belt Effect [closed]传送带效应[关闭]
【发布时间】：2015-12-01 05:51:39
【问题描述】：

我正在为一家机械公司创建一个网站，特别是在销售零件方面 - 我想制作一个很酷的传送带风格的东西，穿过整个页面并在中心的徽标后面，我正在寻找的效果for 本质上就是在这个

<div class="container">
  <div class="row cycle-slideshow" data-cycle-fx=carousel data-cycle-timeout=1000 data-cycle-carousel-visible=6 data-cycle-carousel-fluid=true data-cycle-slides="div">
    <div class="span2"><img src="http://lorempixel.com/200/200/"></div>

但我需要图片之间没有间隙。有任何想法吗？我尝试弄乱他们提供的代码，但没有结果。如果有人知道更简单的解决方案，请告诉我！我实际上只是希望图像向左移动，暂停一秒钟然后继续移动，每个图像都将是传送带的一部分，上面有一部分 - 这是沿着传送带移动的图像@987654322 @

谢谢大家！

【问题讨论】：

标签： javascript jquery html css web

【解决方案1】：

请试试这个

添加此 CSS。差距是由于类col-xs-2的填充造成的

div.col-xs-2{
  padding:0px;
}

DEMO

【讨论】：

【解决方案2】：

只需添加样式：

padding : 0

到div。

所以样式变成：

.cycle-slideshow  div{
    float:none; padding:0
}

查看更新后的codepen：“http://codepen.io/anon/pen/yYmwYO”

【讨论】：

【解决方案3】：

只需将 cycle-slide 类上的填充设置为 0，这会将每个图像连接在一起，没有间隙。

.cycle-slide {
    padding:0;
}

【讨论】：