<div class="sm-imageslider">
	<div class="sm-imageslider-inner">
		<div class="sm-imageslider-content owl-carousel owl-theme">
			<div class="item">
				<a href="#" title="title"><img src="{{media url="wysiwyg/imageslider/slide1-index11.jpg"}}" alt="Slider Image" /></a>
			</div>
			
			<div class="item">
				<a href="#" title="title"><img src="{{media url="wysiwyg/imageslider/slide2-index11.jpg"}}" alt="Slider Image" /></a>
			</div>
			
			<div class="item">
				<a href="#" title="title"><img src="{{media url="wysiwyg/imageslider/slide3-index11.jpg"}}" alt="Slider Image" /></a>
			</div>
		</div>
		
	</div>
</div>

<script type="text/javascript">
	require([
		'jquery',
		'owlcarousel'
	], function ($) {
		$(".sm-imageslider-content").owlCarousel({
			items:1,
			autoplay:true,
			loop:true,
			nav : true, 
			dots: false,
			autoplaySpeed : 500,
			navSpeed : 500,
			dotsSpeed : 500,
			autoplayHoverPause: true,
			margin:1,
		});	  
	});					
</script>