Javascript滑块跳过第一帧 - 原型

我正在使用原型滑块，当它碰到最后一张幻灯片时，滑块再次启动，但跳过开始图像。Javascript滑块跳过第一帧 - 原型

有人可以看看我的代码吗？

我的HTML：

<div id="carousel-wrapper"> 
<div id="carousel-content"> 
<div id="slide1" class="slide" > 
<div >Slide 1</span></div> 
<div id="slide2" class="slide" > 
<div >slide 2</span></div> 
<div id="slide3" class="slide" > 
<div >Slide 3</span></div> 
<div id="slide4" class="slide" > 
<div >Slide 4</span></div> 
</div> 
</div> 
</div> 
<script type="text/javascript">// <![CDATA[ 
      Slider = new Carousel($('carousel-wrapper'), $$('#carousel-wrapper .slide'), $$(' a.carousel-jumper', 'a.carousel-control'), { duration: 0.5, auto: true, frequency: 5, circular: 'false', effect: 'slide', wheel: 'false', selectedClassName: 'selected'}); 
// ]]></script>

我的CSS：

#carousel-wrapper { 
width: 785px; 
height: 540px; 
overflow: hidden; 
} 
#carousel-content { 
width: 3640px; 
} 
.cms-page-view .breadcrumbs {display:none;} 
#carousel-content .slide { 
float: left; 
width: 785px; 
height: 540px; 
} 
div#slide1{background-image:url("slide-1.jpg");} 
div#slide2{background-image:url("slide-2.jpg");} 
div#slide3{background-image:url("slide-3.jpg");} 
div#slide4{background-image:url("slide-4.jpg");}

再次，这是使用基于Magento站点的原型库。

的URL是wwwdotlylifdotcom /家

来源

2011-10-10 danchet

您是否也在使用传送带插件？ – clockworkgeek

我目前没有使用传送带插件。我尝试修复此问题后尝试安装一个，但最终将其移除并恢复为损坏的幻灯片。 – danchet

那么代码中的“Carousel”是什么？它既不是标准的Magento也不是Prototype。 – clockworkgeek

从Carousel widget您添加此指令：

通过到达第一/最后一张幻灯片时，默认情况下，调用上/下一个什么都不做。如果您希望效果继续，则必须执行以下两项操作：将循环参数设置为true并将第一张幻灯片复制到HTML中。这是给予持续运动印象的唯一方式。

因此，您需要在“幻灯片4”后添加“幻灯片1”的额外副本。

来源

2011-10-10 20:45:03 clockworkgeek

赞赏!! – danchet

Javascript滑块跳过第一帧 - 原型

回答

相关问题