1

多くの画像を含むスライダーショーに unslider を使用しています。

プラグインは既に正常に動作していますが、理由がわかりません。Im の遅延と速度のオプションが正しく機能しません。

バナー画像を 7 秒ごとに変更したいのですが、3 秒の遅延が必要です。そこで、速度を 7000 (ミリ秒) に設定し、遅延を 3000 に設定しました。しかし、うまくいきません。jQueryスクリプトで設定した速度と遅延が得られません。

ここで何が起こっているのかを理解するために、誰か助けてくれませんか?

私は私の例でこのフィドルを持っています: http://jsfiddle.net/bdmU4/3/

以下に、unslider プラグインを開始するための jQuery を示します。

$(function (){  
$('.banner').unslider({
    speed: 3000,               //  The speed to animate each slide (in milliseconds)
    delay: 7000,              //  The delay between slide animations (in milliseconds)
    complete: function() {},  //  A function that gets called after every slide animation
    keys: true,               //  Enable keyboard (left, right) arrow shortcuts
    dots: true,               //  Display dot navigation
    fluid: false              //  Support responsive design. May break non-responsive designs
});

そして、ここに私のhtmlがあります：

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://unslider.com/unslider.min.js"></script>
<section id="banner-container"> 
    <div class="banner">
        <ul>          
            <li style="background-color:blue; height:200px; "></li>
             <li style="background-color:red; height:200px; "></li>
            <li style="background-color:yellow; height:200px; "></li>
            <li style="background-color:green; height:200px; "></li>
        </ul>
    </div>
<a href="#" class="unslider-arrow prev">Previous Slide</a>
<a href="#" class="unslider-arrow next">Next slide</a>
</section>
4

2 に答える 2

3

あなたのフィドルをいじった後（彼らのサイトのコア例に減らしました）、speedから が差し引かれないように見えdelayます。

遷移に 3 秒と 7 秒の表示が必要な場合は、 に変更delayします10000。

さらに、あなたのフィドルでは、スライダーを 2 回宣言しているため、奇妙な効果が生じる可能性があります。var unslider = $('.banner').unslider();2回目の発生です。

于 2014-08-09T00:13:54.493 に答える
0

necropost で申し訳ありませんが、同じ問題が発生しました。どのような速度/遅延を設定しても、影響はありません。

また、「ドット」を使用してスライドを変更すると、スライドが元の位置に戻り、すべてのタイミングが破棄されます。

私がしたのは、次の行を削除することだけでした：

var unslider = $('.banner').unslider();

スティーブが指摘したように。スクリプトの 2 番目のオカレンスを呼び出すと、物事が上書きされ、基本的に同時に 2 つの実行があるため、どちらの速度に従うべきか混乱すると思います。

将来誰かを助けることを願ってここに返信します。

于 2015-03-29T12:33:02.237 に答える