MENU
07365 263 559hello@e-techuk.com

BX Slider Bug Fix for fade flashing banners

I came across a bug in bxslider as when telling the slider to fade, it fades to the next slide but then fades out and flahes back in again. 

I had the following set but no matter what i tweaked it still faded from one to another with an obvious flash effect.


        mode: 'fade',         slideSelector: '',        infiniteLoop: true,        hideControlOnEnd: false,        speed: 500,        easing: ',        slideMargin: 0,        startSlide: 0,        randomStart: false,        captions: false,        ticker: false,        tickerHover: false,        adaptiveHeight: false,        adaptiveHeightSpeed: 500,        video: false,        useCSS: false,        preloadImages: 'visible',        responsive: true,        slideZIndex: 50,        wrapperClass: 'bx-wrapper',

bxSlider Fix

Apply the following direct to the page and it then fades from one banner to the other as expected. I found this fix on the internet so wanted to share.

<script type="text/javascript">
$('.bxslider').bxSlider({
  auto: true,
  useCSS: false
});
</script>

22nd of October 2015 By Simon

contact us direct at hello@e-techuk.com or complete our online quote

get in touch today
Privacy Policy & CookiesTerms © Copyright 2024 - Eadetech Limited | Company Registration No: 04770510
103 Daventry RoadRomfordEssexRM3 7RD
07365 263 559