0

wordpress テーマで nivo スライダー jQuery プラグインを使用しています (そうです、WordPress プラグインではなく jQuery プラグインを使用しています) 何らかの理由で画像の遷移がひどいです。

同様に、それらは遅くて途切れ途切れであり、画像が再び変化するまでトランジション効果が見られます. これは私が意味するものです：

ここに画像の説明を入力

これが私のjQueryコードです

jQuery(document).ready(function() {  

    var logo_width = jQuery('.logo a img').width();
    jQuery('.logo').width(logo_width);

    jQuery('#cycler').nivoSlider({
        effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
        slices: 15, // For slice animations
        boxCols: 6, // For box animations
        boxRows: 2, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 3000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: true, // Next & Prev navigation

        controlNav: true, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav

        manualAdvance: false, // Force manual transitions
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        randomStart: false, // Start on a random slide
    });
});
4

3 に答える 3

1

スライド内のオブジェクト タグでラップされた画像をすべて削除する必要があります。

例: から

<ul id="slider">
<li><img src="..." /></li>
<li><img src="..." /></li>
<li><img src="..." /></li>
<li><img src="..." /></li>
</ul>

に

<div id="slider">
<img src="..." />
<img src="..." />
<img src="..." />
<img src="..." />
</div>
于 2012-11-26T04:20:14.290 に答える
1

私はここでのパーティーに非常に遅れていますが、私はこれと同じ問題を抱えていて、それを整理することができました.

それはスライスの設定に関連していることが判明しました。スライスが 15 に設定され、「トランジション」に 15 のセグメントがあることに注意してください。スライスを 1 に設定すると、これをソートできるはずです。

それが私に起こったときに何が起こっていたのかを理解するのに何年もかかりました。

于 2013-12-12T21:06:46.487 に答える
1

うーん、コードに明らかな問題はありません-使用したという事実を除けばjQuery(document).ready(function() {

これが問題である可能性があります。すべての画像がダウンロードされる前に document.ready() が実行されるため、画像がまだダウンロードされている間にスライダー トランジションを (潜在的に) 実行しています。

代わりに使用jQuery(window).load(function() {します。

また、引数リストの末尾にコンマがあります。これは遅延の問題を引き起こすことはありませんが、IE7 で失敗する原因となります (それが問題である場合)。

于 2012-08-21T15:00:08.347 に答える