Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/kubernetes/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript滑块跳过第一帧-原型_Javascript_Slider_Prototypejs_Jslider - Fatal编程技术网

Javascript滑块跳过第一帧-原型

Javascript滑块跳过第一帧-原型,javascript,slider,prototypejs,jslider,Javascript,Slider,Prototypejs,Jslider,我使用的是原型滑块,当它点击最后一张幻灯片时,滑块会再次启动,但会跳过开头的图像 有人能看看我的代码吗 我的HTML: <div id="carousel-wrapper"> <div id="carousel-content"> <div id="slide1" class="slide" > <div >Slide 1</span></div> <div id="slide2" class="slide" >

我使用的是原型滑块,当它点击最后一张幻灯片时,滑块会再次启动,但会跳过开头的图像

有人能看看我的代码吗

我的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>
同样,这是在基于Magento的站点中使用原型库

URL为wwwdotlylifdotcom/home

,来自您添加的以下说明:

默认情况下,当到达第一张/最后一张幻灯片时,调用prev/next不会执行任何操作。如果希望效果继续,必须做两件事:将循环参数设置为true并复制HTML中的第一张幻灯片。这是给人留下连续运动印象的唯一方法


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

您也在使用旋转木马插件吗?我目前没有使用旋转木马插件。在我试图修复此问题后,我尝试安装了一个,但最终将其删除并恢复到损坏的幻灯片。那么,您的代码中的
Carousel
是什么?它既不是标准的Magento,也不是原型。我遵循了这里的说明。
#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");}