javascript JS:Slick:进入时添加设置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript JS:Slick:进入时添加设置相关的知识,希望对你有一定的参考价值。

// requires Remy Sharp, http://remysharp.com/2009/01/26/element-in-view-event-plugin/
// slickInstance must be a slick variable with slick function. 
// For eg. var slickInstance = $('.element').slick({ options })

$( '.element' ).bind( 'inview', function( event, visible ) { // use one instead of bind if you want to run only once
	if ( visible ) { // or isInView parameter can also be used
		// below code is used if you are adding any css animation on current slide.
		// 	var $currentSlide = $( this ).find('.slick-current').removeClass('slick-current');
		// setTimeout(function() {
		// 	$currentSlide.addClass('slick-current');
		// }, 100);
		// add this settings in slick options too initially
		slickInstance.slick( 'slickPlay' );
		//$( slickInstance ).slick('slickSetOption', 'adaptiveHeight', true, true);
		//$( slickInstance ).slick('slickSetOption', 'autoplay', true, true);
	} else {
		//$( slickInstance ).slick('slickSetOption', 'adaptiveHeight', false, true);
		slickInstance.slick( 'slickPause' );
		//$( slickInstance ).slick('slickSetOption', 'autoplay', false, true);
	}
} );

以上是关于javascript JS:Slick:进入时添加设置的主要内容,如果未能解决你的问题,请参考以下文章

javascript JS:Slick:Carousel

javascript JS:Slick:移动第一个断点

javascript JS:Slick:每张幻灯片的进度条

javascript JS:Slick:页面上有多个相同的滑块。

javascript slick_carousel_image_out_block.js

javascript JS:Slick:Inview上的单个幻灯片进度条