"Mobile-first responsive design: Adapts automatically to different screen sizes with configurable breakpoints. Touch and swipe support: Native gesture handling for mobile devices with velocity-based scrolling. Center mode functionality: Highlights the active slide while showing previews of adjacent slides. Infinite looping capability: Seamless continuous scrolling with proper clone management. Autoplay with pause controls: Automatic progression with hover-to-pause functionality. Accessibility features: Full keyboard navigation and ARIA attributes for screen readers."
"How to use it: 1. Install & download the plugin with NPM. # Yarn $ yarn add neutron-slider # NPM $ npm install neutron-slider 2. Include the Neutron Slider plugin's files on the webpage. <link rel="stylesheet" href="/path/to/index.css"> <script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/dist/index.umd.js"></script> 3. Create your HTML structure with a container and slide elements. <div class="slider-container"> <div class="neutron-slider"> <div><img src="1.jpg"></div> <div><img src="2.jpg"></div> <div><img src="3.jpg"></div> ... </div> </div> 4. Initialize the carousel slider with your desired configuration. $(document).ready(function(){ $('.neutron-slider').neutronSlider({ slidesToShow: 3, centerMode: true, gap:20, dots: false, loop: true, autoplay: true }); });"
Neutron Slider is a mobile-first jQuery slider plugin for creating responsive, touch-enabled carousels with smooth transitions. The plugin adapts to screen sizes using configurable breakpoints and supports native touch and velocity-based swipe gestures. Center mode highlights the active slide while showing adjacent previews, and infinite looping creates seamless continuous scrolling with clone management. Autoplay includes hover-to-pause controls. Accessibility features include full keyboard navigation and ARIA attributes. Adaptive height adjusts container size to current slide content. The plugin supports custom external arrows and dot indicators, and initialization options allow configuration of slidesToShow, centerMode, gap, dots, loop, and autoplay.
Read at jQuery Script
Unable to calculate read time
Collection
[
|
...
]