BX slider, transition from first to last slide flickers(goes right then come back to original)

Question

Following is my code for simple implementation for BX slider:

var slider = $('#bxslider').bxSlider();

<ul id="bxslider">
    <li>
        <img class="carouselimage" src="images/01e_image.jpg" />

    </li>
    <li >
        <img class="carouselimage" src="images/01c_image.jpg" />

    </li>
    <li >
        <img class="carouselimage" src="images/01a_image.jpg" />

    </li>
</ul>

I've used everything correctly, no extra CSS and JS.

While I make the transition by clicking left arrow from first to last (reverse), the last slide goes towards the right out of the container for a sec and comes back to original, looks like a flickering.

Anybody got any clue?

Thanks in advance.

Answer 1

i got this fixed.. if anyone else needs..

i've added

"if (0===value) value=-40;// fix for flickering issue 2208141730"

in following function, you can find this function in BxSlider v4.1.2(jquery.bxslider.js) at line no. 535 and above fix is added at line no. 539

var setPositionProperty = function(value, type, duration, params){
    // use CSS transform
    if(slider.usingCSS){
        // determine the translate3d value
        if (0===value) value=-40;// fix for flickering issue 2208141730