mark l chaves

This plugin allows you to use of the popular <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a> library in WordPress.
This is a minimalist plugin that is for displaying responsive cards in a slide.
<ul>
<li>On a large screen device, the slide will show a horizontal card (image on the left and text on the right). </li>
<li>On a small device, the slide becomes a stacked card with the image on the top and text on the bottom.</li>
</ul>
See the screengrabs below to get a visual or visit the <a href="https://streetphotography.blog/ashtabula-swiper-slider/" rel="nofollow ugc">live demo</a>.
Note: You should be comfortable with HTML and CSS to use this plugin.
<h3>Usage</h3>
<ol>
<li>Use the <a href="https://github.com/marklchaves/ashtabula/blob/master/ashtabula-demo.html" rel="nofollow ugc">demo HTML file</a> as a starter template. Add this HTML to a HTML or code block/element to your page or post.</li>
<li>To add the images, use the example CSS below as a template. Add the CSS to your Appearance > Customize > Additional CSS or your child theme’s <code>style.css</code> file.</li>
</ol>
CSS example to specify the background image for the responsive card in a slide.
<pre><code>/**
 * Swiper Slider Plugin Custom Styles
 */

#my-swiper-slide-1 {
 background-image: url(mybgimg-1.png);
}
#my-swiper-slide-2 {
 background-image: url(mybgimg-2.png);
}
#my-swiper-slide-3 {
 background-image: url(mybgimg-3.png);
}
</code></pre>
<h3>Credits</h3>
Powered by <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a>.

Ashtabula

Ashtabula - A Swiper Slider Plugin for WordPress

mfarazaly

midexigner

Swiper Js Slider/Carousel with Multirow Simple to use and very effective. Most Modern Mobile Touch Slider
MOST POWERFUL FEATURES
Parameters 
* slidesPerView | To Set Slider in to Carousel 
* spaceBetween | In Carousel space between slides 
* slidesPerColumn | Muti Row with Carousel 
* initialSlide | Position of slider with index 
* direction | Vertial or Horizontal 
* speed | Sliders speed 
* autoHeight | Auto Height adjust according to image height 
* effect | Multiple Effects
Autoplay 
* On/Off. 
* Delay 
* Stop On Last Slide. 
* Disable On Interection. 
* Reverse Direction. 
* Wait For Transition.
Pagination 
* Pagination enable/disable. 
* Pagination Custom Class. 
* Pagination clickable True/False. 
* 3 Types : Bullets, Fraction, Progress Bar. 
* bulletElement : span, div, a. 
* Bullet Custom Class. 
* Bullet Custom Active Class. 
* Active Custom Class. 
* Clickable Custom Class. 
* lockClass Custom Class.
Navigation 
* Next Button Custom Class. 
* Previous Button Custom Class. 
* Disabled Custom Class. 
* Hidden Custom Class.
<h3>Next version</h3>
<ul>
<li>Will Improve user experience and flexibility to make it more powerfull.</li>
<li>More options will be added.</li>
</ul>

Swiper Js Slider

Swiper Js Slider/Carousel with Multirow Simple to use and very effective. Most Modern Mobile Touch Slider

Ashtabula vs Swiper Js Slider