5 Replies Latest reply on Oct 21, 2016 2:16 PM by Nancy OShea

    OT: Responsive Slideshow, Slider

    Nancy OShea Adobe Community Professional & MVP

      I needed a lightweight,  feature-rich thumbnail slider like this one for a recent project. 

      Bootstrap Carousel can't do this.  Cycle 2 & the carousel plugin was not cooperating with my layout.   

       

      I found this little gem of a jQuery plugin called  LightSlider.  It's really awesome. And no conflicts with Bootstrap.

      JQuery lightSlider

      • Fully responsive - will adapt to any device.
      • Separate settings per breakpoint.
      • Gallery mode to create an image slideshow with thumbnails
      • Supports swipe and mouseDrag
      • Add or remove slides dynamically.
      • Small file size, fully themed, simple to implement.
      • CSS transitions with jQuery fallback.
      • Full callback API and public methods.
      • Auto play and infinite loop to create a content carousel.
      • Keyboard, arrows and dots navigation.
      • Chrome, Safari, Firefox, Opera, IE7+, IOS, Android, windows phone.
      • Slide and Fade Effects.
      • Auto width, Vertical Slide, Adaptiveheight, Rtl support...
      • Multiple instances on one page.
      • Slide anything (youtube, vimeo , google map ...)

       

      Nancy O.