<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/slider-1-index17.jpg"}}" alt="Slider Image" /></a>
						</div>
						
						<div class="item">
							<a href="#" title="title"><img src="{{media url="wysiwyg/imageslider/slider-2-index17.jpg"}}" alt="Slider Image" /></a>
						</div>
						
						<div class="item">
							<a href="#" title="title"><img src="{{media url="wysiwyg/imageslider/slider-3-index17.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>