Origami

Slider Kod

<div id="slider" style="width:1920px; height:700px; margin:0 auto;margin-top: 0px !important;">
    @foreach (Slide slidem in Partial.Slides())
    {
        <div class="ls-slide" data-ls="duration:1000; transitionorigami:true; overflow:true; kenburnsscale:1.2;">
            <img width="1920" height="700" src="/Upload/Slide/@slidem.SlideImage" class="ls-bg" alt="" />
        </div>
    }
</div>

Slider JavaScript

<link rel="stylesheet" href="https://www.antalyawebtasarim.com/discus/slider/layerslider/plugins/origami/layerslider.origami.css">
<script src="https://www.antalyawebtasarim.com/discus/slider/layerslider/plugins/origami/layerslider.origami.js"></script>
<!-- Initializing the slider -->
<script type="text/javascript">

		$(document).ready(function() {


			$('#slider').layerSlider({
				sliderVersion: '6.1.0',
				pauseOnHover: 'disabled',
				skin: 'v6',
				navStartStop: false,
				hoverBottomNav: true,
				showCircleTimer: false,
				skinsPath: 'https://www.antalyawebtasarim.com/discus/slider/layerslider/skins/',
				plugins: ["origami"]
			});
		});

</script>