Modern and Responsive Dual Image Carousel Plugin

jquery slider is a modern and responsive dual-image carousel plugin written in jQuery, CSS, and webpack.

carousel slider with popup jquery, multiple image slider jquery example, jquery carousel slider example, jquery image slider code

How to make use of it:

1. Download or Run the package or bundle.

$ npm install
$ npm run-script build

2. The HTML structure for the picture carousel.

<div class="slider-wrapper">
  <div class="slider">
    <div class="slider__top-row slider-row">
      <img src="1.jpg" alt="">
      <img src="2.jpg" alt="">
      <img src="3.jpg" alt="">
      <img src="4.jpg" alt="">
      <img src="5.jpg" alt="">
    </div>
    <div class="slider__bottom-row slider-row">
      <img src="6.jpg" alt="">
      <img src="7.jpg" alt="">
      <img src="8.jpg" alt="">
      <img src="9.jpg" alt="">
    </div>
  </div>
  <div class="slider-actions">
    <button class="prev">
      <span><img src="assets/images/arrow-blue-left.png" alt=""></span>
      <span><img src="assets/images/arrow-gray-left.png" alt=""></span>
    </button>
    <button class="next">
      <span><img src="assets/images/arrow-blue-right.png" alt=""></span>
      <span><img src="assets/images/arrow-gray-right.png" alt=""></span>
    </button>
  </div>
</div>

Dual Image Carousel Slider, jquery sliderPlugin/Github, jquery carousel slider example code, automatic image slider in html css


See Demo And Download

Official Website(damirpristav): Click Here

This superior jQuery/javascript plugin is developed by damirpristav. For extra Advanced Usage, please go to the official website.

Share