CSS
<link href="assets/plugins/slider.swiper/dist/css/swiper.min.css" rel="stylesheet" type="text/css" />


JAVASCRIPT
<script type="text/javascript" src="assets/plugins/slider.swiper/dist/js/swiper.min.js"></script>
<script type="text/javascript" src="assets/js/view/demo.swiper_slider.js"></script>
		
		
HTML
<div class="swiper-container" data-effect="slide" data-autoplay="false" data-columns="4">
	<div class="swiper-wrapper">

		<!-- SLIDE 1 -->
		<div class="swiper-slide" style="background-image: url('demo_files/images/fashion/500x750/t-min.jpg');">
			<a href="#" class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></a>
			<div class="swiper-caption">
				Black Dress
			</div>
		</div>
		<!-- /SLIDE 1 -->


		<!-- SLIDE 2 -->
		<div class="swiper-slide" style="background-image: url('demo_files/images/fashion/500x750/s-min.jpg');">
			<a href="#" class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></a>
			<div class="swiper-caption">
				Yellow Dress
			</div>
		</div>
		<!-- /SLIDE 2 -->

		<!-- SLIDE 3 -->
		<div class="swiper-slide" style="background-image: url('demo_files/images/fashion/500x750/u-min.jpg');">
			<a href="#" class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></a>
			<div class="swiper-caption">
				Dark Blue Dress
			</div>
		</div>
		<!-- /SLIDE 3 -->

		<!-- SLIDE 4 -->
		<div class="swiper-slide" style="background-image: url('demo_files/images/fashion/500x750/d-min.jpg');">
			<div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>
			<div class="swiper-caption">
				Silver Dress
			</div>
		</div>
		<!-- /SLIDE 4 -->

		<!-- SLIDE 5 -->
		<div class="swiper-slide" style="background-image: url('demo_files/images/fashion/500x750/e-min.jpg');">
			<div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>
			<div class="swiper-caption">
				White Dress
			</div>
		</div>
		<!-- /SLIDE 5 -->

		<!-- SLIDE 6 -->
		<div class="swiper-slide" style="background-image: url('demo_files/images/fashion/500x750/f-min.jpg');">
			<div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>
			<div class="swiper-caption">
				Red Dress
			</div>
		</div>
		<!-- /SLIDE 6 -->

	</div>

	<!-- Swiper Arrows -->
	<div class="swiper-button-next"><i class="icon-angle-right"></i></div>
	<div class="swiper-button-prev"><i class="icon-angle-left"></i></div>
</div>