Are you looking for pure javascript based content slider then here i have shared simple javascript library which help you to integrate a Mobile-friendly Pure JavaScript Content Slider on your website. Ratslider is a stand alone responsive slider maker library wrote in vainilla javascript and its extends RatsliderCore Class.

Libraries

Include the following javascript and CSS library on page.

HTML

Create the HTML for the carousel.

            

                
1
            
            

                
2
            
            

                
3
            
            

                
4
            
        

JS

Initialize the carousel with options. you can also perform some action under callback method.

• onChange function – event triggered when some navigation event occurs – optional
• setCurrentSlide function to write a custom strategy – optional
• resetCurrentSlide function – required if setCurrentSlide is declared
• getCurrentSlide function – required if setCurrentSlide is declared

Functions

• setCurrentSlide(index=int,goto=false) void
• resetCurrentSlide() void
• next(callback) void
• prev(callback) void
• goTo(index=int,callback) void
• getMetadata() return {container,id,slidesClass}
• getCurrentSlide() return domObj
• getCurrentSlideIndex() return int
• getSlides() return Array
• getSliderLength() return int
• getNodeIndex(domElement) return int

See live demo and download source code.

DEMO | DOWNLOAD

This awesome script developed by rantasma, Visit their official github repository for more information and follow for future updates.

Don’t forget to Subscribe My Public Notebook for more useful free scripts, tutorials and articles.