Как запускать слайдер не с первого слайда?

Question

[Вова Будняк]

Есть код, как сделать чтобы слайдер запускался не с первого слайда?

$( document ).ready(function() {
	$('.btn-slider').on('click', function() {
	  $('.sliderPop').show();
	  $('.ct-sliderPop-container').addClass('open');
	  $('.sliderPop').addClass('flexslider');
	  $('.sliderPop .ct-sliderPop-container').addClass('slides');

	  $('.sliderPop').flexslider({
		selector: '.ct-sliderPop-container > .ct-sliderPop',
		slideshow: false,
		controlNav: false,
		controlsContainer: '.ct-sliderPop-container'
	  });
	});

	$('.ct-sliderPop-close').on('click', function() {
	  $('.sliderPop').hide();
	  $('.ct-sliderPop-container').removeClass('open');
	  $('.sliderPop').removeClass('flexslider');
	  $('.sliderPop .ct-sliderPop-container').removeClass('slides');
	});
});

Вот слайды:

<div class="sliderPop" style="display:none;">
  <div class="ct-sliderPop-container">
    <div class="ct-sliderPop ct-sliderPop-slide1 open">
      <div class="inner">
      <div class="pict"><img src="https://static-course-assets.s3.amazonaws.com/ScaN6/ru/course/module0/0.0.1.1/media/3.jpg"></div>
      <div class="text">Ласкаво просимо! Вітаємо вас в рамках курсу CCNA «Основи маршрутизації і комутації. Масштабування мереж ». Мета даного курсу - ознайомити вас з основними поняттями і технологіями мереж. Даний інтерактивний курс допоможе розвинути навички, необхідні для проектування та впровадження невеликих мереж в найрізноманітніших областях застосування. Для доступу до курсу, обговорення питань з інструктором, перегляду оцінок, читання тексту і відпрацювання навичок за допомогою інтерактивних матеріалів можна використовувати особистий смартфон, планшет, ноутбук або настільний комп'ютер. Однак окремі мультимедійні програми досить складні, тому для роботи з ними необхідно використовувати ПК. Це саме можна сказати до виконання інтерактивних завдань в програмі Packet Tracer, контрольних робіт і здачі іспитів.</div>
    <a class=" ct-sliderPop-close" href="#">
        </a>
       
      </div>
    </div>
</div>

Comments

[sergski]

в API FlexSlider есть же startAt.

Answer 1

[Roman Prokhorov]

$('.sliderPop').flexslider({
selector: '.ct-sliderPop-container > .ct-sliderPop',
slideshow: false,
controlNav: false,
controlsContainer: '.ct-sliderPop-container',
startAt: 3
});

Попробуйте опцию startAt в старой версии кажется называлось slideToStart

Comments

[Вова Будняк]

Спасибо большое