Carousel

Slider Kod

    <div id="slider" style="width:1920px; height:600px; margin:0 auto;margin-bottom: 50px;">
        @foreach (Slide slidem in Partial.Slides())
        {
            <div class="ls-slide" data-ls="bgsize:contain; bgposition:50% 50%; duration:4000; transition2d:73; kenburnsscale:1.2;">
                <img width="500" height="500" src="/Upload/Slide/@slidem.SlideImage" class="ls-bg" alt="" />
                <p style="font-size:50px; line-height:50px; color:#3d3d3d; top:450px; left:1280px; font-weight:600;" class="ls-l" data-ls="offsetxin:-100%; durationin:600; delayin:400; easingin:easeOutQuint; clipin:0 0 0 100%; offsetxout:-100%; durationout:500; clipout:0 0 0 100%; parallaxlevel:0;">@slidem.SlideTitle</p>
                <p style="letter-spacing:7px;font-size:24px; line-height:24px; color:#fa694b; top:502px; left:1280px; font-weight:700;" class="ls-l" data-ls="offsetxin:-100%; durationin:600; delayin:400; easingin:easeOutQuint; clipin:0 0 0 100%; offsetxout:-100%; durationout:500; clipout:0 0 0 100%; parallaxlevel:0;">@slidem.SlideContent</p>
            </div>
        }
    </div>

Slider JavaScript

    <script type="text/javascript">
		$(document).ready(function() {
			$('#slider').layerSlider({
				sliderVersion: '6.0.0',
				responsiveUnder: 0,
				slideBGSize: 'auto',
				hideUnder: 0,
				hideOver: 100000,
				twoWaySlideshow: true,
				skin: 'roundedflat',
				globalBGColor: 'transparent',
				thumbnailNavigation: 'always',
				tnContainerWidth: '100%',
				tnWidth: 180,
				tnHeight: 130,
				yourLogoStyle: 'left: 10px; top: 10px;',
				skinsPath: 'https://www.antalyawebtasarim.com/discus/slider/layerslider/skins/',
			});
		});
    </script>