Автор Тема: Слайдер - Установка интервала смены изображений  (Прочитано 336 раз)

20 Июль 2020, 11:47:51
  • Фрилансер
  • *
  • Сообщений: 153
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый день!
У меня такой вопрос...
Поставил слайдер на страницу
<div>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>

  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner">
<div class="item active">
  <img src="images/sus_slider/01.jpg" alt="">
  <div class="slide__block">
<div class="container">
<div class="slide__text">
<p class="slider__text">Первый</p>
</div>
</div>
  </div>
</div>
<div class="item">
  <img src="images/sus_slider/02.jpg" alt="">
  <div class="slide__block">
<div class="container">
<div class="slide__text">
<p class="slider__text">Второй</p>
</div>
</div>
  </div>
</div>
<div class="item">
  <img src="images/sus_slider/03.jpg" alt="">
  <div class="slide__block">
<div class="container">
<div class="slide__text">
<p class="slider__text">Третий</p>
</div>
</div>
  </div>
</div>


  </div>

</div>
</div>

Но вот ни как не могу установить интервал между сменой картинок..
Менял во всех файлах bootstrap.min.js параметр interval: 5000 на 1000 для проверки, все равно меняется через 3 секунды.

Подскажите где еще смотреть?

Спасибо всем!
20 Июль 2020, 13:53:26
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
$('.carousel').carousel({
  interval: 1000
})
js код добавьте в custom.js
20 Июль 2020, 19:23:55
Ответ #2
  • Фрилансер
  • *
  • Сообщений: 153
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо большое за ответ!
Но такого файла custom.js нет.
Преста 1.6
20 Июль 2020, 19:41:54
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 22125
  • Репутация: +25303/-1
  • Prestashop - просто и эффективно
    • Просмотр профиля
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
20 Июль 2020, 19:55:08
Ответ #4
  • Фрилансер
  • *
  • Сообщений: 153
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо за ответ!
Вы правы.
Но тогда если ставить в global.js
надо ставить
$(function () {
  $('#carousel-example-generic').carousel({
   interval: 1000
    });
});

Но тогда можно и на прямую на странице слайдера поставить
<script type="text/javascript">
$(function () {
  $('#carousel-example-generic').carousel({
   interval: 1000
  });
});
</script>


Еще раз спасибо всем!
Вопрос закрыт.