Ticker mode

JS:
$('.bxslider').bxSlider({
  minSlides: 4,
  maxSlides: 4,
  slideWidth: 170,
  slideMargin: 10,
  ticker: true,
  speed: 9000
});
HTML:
<ul class="bxslider">
  <li><img src="https://picsum.photos/id/22/170/200"></li>
  <li><img src="https://picsum.photos/id/23/170/200"></li>
  <li><img src="https://picsum.photos/id/24/170/200"></li>
  <li><img src="https://picsum.photos/id/25/170/200"></li>
  <li><img src="https://picsum.photos/id/26/170/200"></li>
  <li><img src="https://picsum.photos/id/27/170/200"></li>
  <li><img src="https://picsum.photos/id/28/170/200"></li>
  <li><img src="https://picsum.photos/id/29/170/200"></li>
</ul>

Examples

  1. Image gallery with captions
  2. Auto show with start / stop controls
  3. Manual show without infinite loop
  4. Slidehow using adaptiveHeight
  5. Carousels demystified - in depth explanation with examples
  6. Carousel - static number of slides showing
  7. Carousel - dynamic number of slides showing
  8. Thumbnail pager - method 1
  9. Thumbnail pager - method 2
  10. Vertical slideshow
  11. Custom next / prev control selectors
  12. Multiple slideshows
  13. Callback API
  14. Public methods
  15. Ticker
Coded with ♥ by
Steven Wanderski Chicago Web Developer