Home Image Modern and Responsive Dual Image Carousel Plugin

Modern and Responsive Dual Image Carousel Plugin

Image webcodeflow · October 12, 2022 · 0 Comment

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