رفتن به مطلب

اتوماتیک کردن اسلایدر


پست های پیشنهاد شده

سلام به همه دوستان

میخوام راهنمایی بگیرم برای اتوماتیک کردن اسلاید زیر

function mfnSliderClients(){	
		$('.clients_slider_ul').each(function(){

			
			var slider = $(this);

			slider.slick({
				cssEase			: 'ease-out',
				dots			: false,
				infinite		: true,			
				touchThreshold	: 10,
				speed			: 300,
				
				prevArrow		: '<a class="button button_js slider_prev" href="#"><span class="button_icon"><i class="icon-left-open-big"></i></span></a>',
				nextArrow		: '<a class="button button_js slider_next" href="#"><span class="button_icon"><i class="icon-right-open-big"></i></span></a>',
				appendArrows	: slider.siblings( '.clients_slider_header' ),

				rtl				: rtl ? true : false,
				autoplay		: window.mfn_sliders.clients ? true   : false,
				autoplaySpeed	: window.mfn_sliders.clients ? window.mfn_sliders.clients : 5000,

				slidesToShow	: slickAutoResponsive( slider, 6 ),
				slidesToScroll	: slickAutoResponsive( slider, 6 )
			});

			// Bind | debouncedresize
			$(window).bind( 'debouncedresize', function(){
				slider.slick( 'slickSetOption', 'slidesToShow', slickAutoResponsive( slider, 4 ), false );
				slider.slick( 'slickSetOption', 'slidesToScroll', slickAutoResponsive( slider, 4 ), true );
			});

		});
	}
	

 ممنون میشم راهنمایی بفرمایید

لینک به ارسال

سلام

function mfnSliderClients(){
	$('.clients_slider_ul').each(function(){
		var slider = $(this);
		slider.slick({
			cssEase			: 'ease-out',
			dots			: false,
			infinite		: true,
			touchThreshold	: 10,
			speed			: 300,
			prevArrow		: '<a class="button button_js slider_prev" href="#"><span class="button_icon"><i class="icon-left-open-big"></i></span></a>',
			nextArrow		: '<a class="button button_js slider_next" href="#"><span class="button_icon"><i class="icon-right-open-big"></i></span></a>',
			appendArrows	: slider.siblings( '.clients_slider_header' ),
			rtl				: true,
			autoplay		: true,
			autoplaySpeed	: 5000,
			slidesToShow	: slickAutoResponsive( slider, 6 ),
			slidesToScroll	: slickAutoResponsive( slider, 6 )
		});
		
		// Bind | debouncedresize
		$(window).bind( 'debouncedresize', function(){
			slider.slick( 'slickSetOption', 'slidesToShow', slickAutoResponsive( slider, 4 ), false );
			slider.slick( 'slickSetOption', 'slidesToScroll', slickAutoResponsive( slider, 4 ), true );
		});
	});
}

 

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...