Question

Код стандартный , изменены только картинки.

<?if($PAGE_ID$='sitePage1')?>
 <section class="slider">
 <div class="slider-wrapper">
 <div class="slide">
 <div class="photo">
 <img src="http://nouupc.ru/kartinka_s_bloka_01.jpg" alt="photo">
 </div>
 <div class="text-block">
 <div>
 <h1>Мы обучаем востребованным профессиями в России с 2006года .</h1>
 <a href="#" class="info-btn">Read more</a>
 </div>
 </div>
 </div>
 <div class="slide">
 <div class="photo">
 <img src="http://nouupc.ru/Img/kartinka_s_bloka_2.jpg" alt="photo">
 </div>
 <div class="text-block">
 <div>
 <h1>Наш Центр осуществляет профессиональную подготовку, переподготовку и повышение квалификации рабочих различных специальностей .</h1>
 <a href="#" class="info-btn">Read more</a>
 </div>
 </div>
 </div>
 <div class="slide">
 <div class="photo">
 <img src="http://nouupc.ru/Img/kartinka_s_bloka_3.jpg">
 </div>
 <div class="text-block">
 <div>
 <h1>С нами вы получите знания которые вам помогут в дальнейшем</h1>
 <a href="#" class="info-btn">Read more</a>
 </div>
 </div>
 </div>
 </div>
 </section>
 <script src="/.s/t/1810/jquery.bxslider.min.js"></script>
 <script>
 $(function () {
 $('.slider-wrapper').bxSlider({
 useCSS: false,
 auto: true,
 autoStart: true,
 nextText: 'keyboard_arrow_right',
 prevText: 'keyboard_arrow_left',
 controls: false
 });
 });
 </script>
 <?endif?> 

Answer 1

Имеете ввиду увеличить время на перелистывание между слайдами ?

Comments

Да.

---

Анна Гвоздева,

Скрипт:

<script>
 $(function () {
 $('.slider-wrapper').bxSlider({
 useCSS: false,
 auto: true,
 autoStart: true,
 nextText: 'keyboard_arrow_right',
 prevText: 'keyboard_arrow_left',
 controls: false
 });
 });
 </script>

нужно заменить на:

<script>
 $(function () {
 $('.slider-wrapper').bxSlider({
 useCSS: false,
 auto: true,
 autoStart: true,
 pause: 3000,
 nextText: 'keyboard_arrow_right',
 prevText: 'keyboard_arrow_left',
 controls: false
 });
 });
 </script>

где pause: 3000 это 3 секунды, меняйте на то время как нужно вам.