0

easySlider 1.7 を使用して、希望どおりにすべて構成しましたが、3 つの最後の画像が表示されてから消えます。次に、2 つの画像を再度ループします。

他の 2 つは 5 秒間ぶらぶらし、3 番目が移動し、飲み込まれます。

これは私の easySlider コードです:

 $.fn.easySlider = function(options){

// デフォルトの設定プロパティ var defaults = {
prevId: 'prevBtn', prevText: 'Previous', nextId: 'nextBtn', nextText: 'Next', controlsShow: false, controlsBefore: '', controlsAfter: '', controlsFade: true 、firstId: 'firstBtn'、firstText: 'First'、firstShow: false、lastId: 'lastBtn'、lastText: 'Last'、lastShow: false、
vertical: false、speed: 800、auto: false、pause: 5000、continuous : true、numeric: false、numericId: 'コントロール' };

これは私の

    <div style="position:absolute; left:457px; top:598px; width:468px; height:331px; overflow: hidden;" id="slider"">
          <ul style="width: 1404px; margin-left:0px;">
            <li style="margin-left: 457px; float: left;"><img src="../stewart/studies/1_invest/invest_01.png"></li>    
      <li style="margin-left: 11px;"><img src="../stewart/studies/1_invest/invest_02.jpg"></li>
   <li style="margin-left: 0px;"><img src="../stewart/studies/1_invest/invest_03.jpg"></li>
    </ul>
</div>

何か案は？私はデザイナーですが、コードは得意ではありません。

乾杯！

4

1 に答える 1

0

まずmargin-left、個人に提供したものを削除する必要がありますli。スライドすると、プラグインmargin-leftによって自動的に提供されます。

2 つ目は、 にwidth提供される は、<div id="slider">スライドさせたい画像の幅と同じにする必要があるということです (スライドさせたいすべての画像の幅が同じであると想定しています)。

float:left最後に、最初の div だけでなく、各 div にインクルードします。

上記のことを試して、正しく機能するかどうかを確認してください。

それでも問題が解決しない場合は、可能であればページのリンクを提供してください。

于 2010-10-29T11:36:13.030 に答える