Image Carousel

Responsee uses amazing OWL Carousel 2. OWL Carousel is Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider. Everything essential about OWL Carousel application including detailed documentation you will find on OWL Carousel GitHub page. OWL Carousel is under the MIT licence.

Several examples of application

Default Image Carousel

<div id="owl-demo" class="owl-carousel owl-theme">
	<div class="item"><img src="/wp-content/themes/responsee/img/header-1.svg" alt=""></div>
	<div class="item"><img src="/wp-content/themes/responsee/img/header-2.svg" alt=""></div>
	<div class="item"><img src="/wp-content/themes/responsee/img/header-3.svg" alt=""></div>
</div>

Lazy Load

<div id="owl-demo2" class="owl-carousel owl-theme">
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-1.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-2.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-3.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-4.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-1.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-2.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-3.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-4.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-1.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-2.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-3.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-4.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-1.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-2.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-3.svg" alt=""></div>
	<div class="item"><img class="owl-lazy" data-src="/wp-content/themes/responsee/img/gallery-4.svg" alt=""></div>
</div>

Images with Description

<div id="owl-demo3" class="owl-carousel owl-theme">
	<div class="item">
		<img src="/wp-content/themes/responsee/img/gallery-1.svg" alt="">
		<p>Image 1 description</p>
	</div>
	<div class="item">
		<img src="/wp-content/themes/responsee/img/gallery-2.svg" alt="">
		<p>Image 2 description</p>
	</div>
	<div class="item">
		<img src="/wp-content/themes/responsee/img/gallery-3.svg" alt="">
		<p>Image 3 description</p>
	</div>
	<div class="item">
		<img src="/wp-content/themes/responsee/img/gallery-4.svg" alt="">
		<p>Image 4 description</p>
	</div>
	<div class="item">
		<img src="/wp-content/themes/responsee/img/gallery-1.svg" alt="">
		<p>Image 5 description</p>
	</div>
	<div class="item">
		<img src="/wp-content/themes/responsee/img/gallery-2.svg" alt="">
		<p>Image 6 description</p>
	</div>
	<div class="item">
		<img src="/wp-content/themes/responsee/img/gallery-3.svg" alt="">
		<p>Image 7 description</p>
	</div>
	<div class="item">
		<img src="/wp-content/themes/responsee/img/gallery-4.svg" alt="">
		<p>Image 8 description</p>
	</div>
</div>