Cycle2 Visible slides According To Responsive View

In this article, i am going to show you guys how can we adjust cycle2 visible slides according to responsive different window sizes

Untitled-2

by using this code you can adjust slides as you want

if($(window).width() <= 320){
		$('.cycle-slideshow').cycle('destroy');
		$('.cycle-slideshow').cycle({
			carouselVisible: 2,
		});
	}else{
		$('.cycle-slideshow').cycle('destroy');
		$('.cycle-slideshow').cycle({
			carouselVisible: 4,
		});
	}

Working Example Click Here

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s