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'
});
});
