0

プロトタイプスライダーを使用しています。最後のスライドに当たると、スライダーが再び起動しますが、最初の画像はスキップされます。

誰かが私のコードを見ることができますか？

私の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/homeです

4

1 に答える 1

1

追加したカルーセルウィジェットから、次の手順があります。

デフォルトでは、最初/最後のスライドに達したときに、prev/nextを呼び出しても何も起こりません。効果を継続させたい場合は、次の2つのことを行う必要があります。循環パラメータをtrueに設定し、HTMLの最初のスライドを複製します。それが継続的な動きの印象を与える唯一の方法です。

したがって、「スライド4」の後に「スライド1」のコピーを追加する必要があります。

于 2011-10-10T20:45:03.867 に答える