jQuery面板滑塊閃爍

我正在一個簡單的連續滑塊面板上工作。它似乎可以找到，但前進方向在滑動時閃爍。我試着移動jQuery動作的順序，但似乎沒有幫助，有什麼想法？jQuery面板滑塊閃爍

$(".next").click(function() { 
    $('.slides').animate({ 
     'marginLeft': '-=530px' 
    }, function() { 
     $('ul.slides li:last').after($('ul.slides li:first')); 
     $(".slides").css('marginLeft', 0); 
    }); 
}); 

$(".prev").click(function() { 
    $('.slides').animate({ 
     'marginLeft': '530px' 
    }, function() { 
     $('ul.slides li:first').before($('ul.slides li:last')); 
     $(".slides").css('marginLeft', 0); 
    }); 
});

來源

2013-04-02 Ping

你看到閃爍的瀏覽器是什麼？ –

我應該一次看到所有的圖像嗎？由於視頻處理器負荷過重導致大量內容移動時，動畫往往會閃爍。 – isherwood

我認爲它正在做的是當它試圖將最後一個圖像移動到開始處時，沒有空間，因此它被放在下面，然後彈出p到位，導致閃爍。我在Chrome上...你應該一次看到一個圖像。 – Ping

您應用單一類的所有圖像和你的代碼適用於類。

$(".slides").css('marginLeft', 0);

這控制所有元素與一類幻燈片。由於你的所有圖像都有這個類，所以它們都會一次移動。您需要找到一種方法來區分每個圖像。嘗試添加一個.next()。 http://api.jquery.com/next/

** * ** * *我的意見* ** * ** * **

我相信你」重新嘗試創建一個JQuery滑塊？

幾周前我去了那條路。雖然我有一個最終運作，但並不是很好。有大量的瀏覽器變通和黑客是必需的。我建議使用插件。我正在使用Flexslider。 http://www.woothemes.com/flexslider/

它能夠被定製，簡單，使用JQuery，輕量級。

來源

2013-04-03 02:58:20 Drue

我工作的客戶需要一切都是專有的。它只需要簡單的功能：向左滾動，向右滾動。爲什麼它順利地朝一個方向而不是另一個方向走？ – Ping

我正在使用Chrome瀏覽器，但沒有收到任何閃爍。我真的不確定。根據[這個問題]（http://stackoverflow.com/questions/14956026/jquery-slider-panel-flickers?rq=1）它可能是由於沒有固定的寬度。 – Drue

jQuery面板滑塊閃爍

回答

相關問題