bxSlider-4 text slide pass into the next slide

Posted by Martialp on Stack Overflow See other posts from Stack Overflow or by Martialp
Published on 2014-06-09T21:21:46Z Indexed on 2014/06/09 21:24 UTC
Read the original article Hit count: 317

Filed under:
|
|
|
|

I use http://bxslider.com/ to slide some content, just simple text.

But it seem to have a problem with the text, not the image. I post a simple live exemple : http://jsfiddle.net/Sbt75/324/

As you can see on the exemple, we see the previous text from the previous slide on the left of the active slide.

<div class="row">

    <div class="large-6 columns">

        <ul class="bxslider">
          <li><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, obcaecati, laudantium, blanditiis, adipisci quod eaque porro sapiente eligendi dicta voluptates voluptatum sunt aperiam totam modi quis vitae maxime! Dolor, possimus.</p></li>
          <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit, recusandae, delectus amet ipsa voluptate tempora architecto ad blanditiis officia perspiciatis nesciunt at ducimus quas nihil fuga. Qui optio minima accusamus?</li>
          <li><p class="right">
          il etait une fois un grand mechant loupqui s'appelet jean et qui aimer courir dans l'herbe avec une grande harpe pour jouer dvant les enfants Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit, recusandae, delectus amet ipsa voluptate tempora architecto ad blanditiis officia perspiciatis nesciunt at ducimus quas nihil fuga. Qui optio minima accusamus?
              </p>
            </li>
        </ul>
    </div>
</div>

$(document).ready(function(){
  $('.bxslider').bxSlider({
        auto: false,
        autoControls: false,
         nextSelector: '#slider-next',
          prevSelector: '#slider-prev',
          nextText: 'Onward ?',
          prevText: '? Go back'
  });
});

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about jQuery