Как сделать slick слайдер зацикленным?

Question

[applecode]

Ох уж этот slick)) Не могу понять, как сделать переход с первого слайда на последний без перемотки

Answer 1

[Егор Живагин]

Автоплей - чуток про другое

$('.slider').slick({
  infinite: true,
});

Comments

[applecode]

все равно не работает

[Егор Живагин]

applecode, можете пример в песочницу выложить? Codepen или jsfiddle
Или хотя бы сюда код бросить.
Кэш чистили? Ошибки в консоли есть?

[Dima Polos]

Егор Живагин, да, это я думал про infinite, а написал autoplay))

[applecode]

хотел попробовать codeopen, но как-то тяжело для меня( я ведь только новичок))) Поэтому скину сюда

$(document).ready(function(){
  $('.your-class').slick({
    dots : true,
    dotsClass : 'rewiev__btn',
    prevArrow: '<div class="rewiev__arrow_nav rewiev__left-nav hidden-xs"><i class="fa fa-angle-left" aria-hidden="true"></i></div>',
    nextArrow: '<div class="rewiev__arrow_nav rewiev__right-nav hidden-xs"><i class="fa fa-angle-right" aria-hidden="true"></i></div>',
    waitForAnimate : false,
    infinite: true
  });
});

.rewiev__btn {
	position: absolute;
	bottom: -45px;
	list-style: none;
	text-align: center;
	width: 100%;
}

.rewiev__btn button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.rewiev__btn li {
    width: 20px;
	height: 20px;
	border: 1px dashed #23aae2;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	background: none;
}
.rewiev__btn .slick-active {
	background: #23aae2;
}
.rewiev__btn li:hover {
	background: #b7e5ff;
}

Ну и сам слайдер(для краткости всего один слайд)

<div class="your-class">
	<div>
		<li class="rewiev__item">
			<div class="rewiev__content">
				<div class="rewiev__info upper clearfix">
					<div class="rewiev__photo">
						<img src="img/man-review-2.png" alt="">
					</div>
					<div class="rewiev__name">
						Диана Апасова
					</div>
					<div class="rewiev__link clearfix">
						<a href="#">
							vk.com/apasova 
						</a>
					</div>
					<div class="rewiev__road">
						Москва 
						<span class="rewiev__arrow">
							<i class="fa fa-arrow-right" aria-hidden="true"></i>
						</span>
						София
					</div>
				</div>
				<div class="rewiev__paragraph">
					Lorem ipsum dolor sit amet, consectetur 	adipisicing elit, sed do eiusmod
					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
					quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conse- 
					quat. Duis aute irure dolor in reprehenderit in
				</div>
			</div>
		</li>
	</div>
</div>

И еще хотелось бы узнать как очищать кэш?) Ошибок в консоли нет

[Егор Живагин]

applecode, в Chrome кэш чистится по Shift + F5 , в FF не помню, кажется через Ctrl + F5.

Если очистка кэша не поможет, то попробуйте в конфиги слайдера добавить slidesToShow и slidesToScroll с нужными вам значениями

Answer 2

[Денис Шевченко]

infinite: true