Categories

Новые шаблоны

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

Chris Diaz Январь 27, 2020
Rating: 3.7. From 3 votes.
Please wait...

Этот урок покажет, как изменить скорость переключения картинок в слайдере в шаблонах JS Animated. Обычно в шаблонах, анимированных при помощи скрипта Java, используется слайдер под названием TM_Slider. У него также как и у других слайдерах jQuery есть масса разных настроек.

Откройте папку JS Animated шаблона и зайдите в site папку. Там есть много разных директорий, таких как css, images, js и bin. В зависимости от структуры шаблона там также находятся index.html файлы (index.html, index-1.html, index-2.html и т.д.) или всего один такой файл. В любом случае откройте index.html файл с помощью HTML-редактора (напр. Adobe Dreamweaver или Блокнот) .
Теперь измените там следующий код:

<script  type="text/javascript">
  $(document).ready(function()  {
  $('.slider')._TMS({
  duration:800,
  easing:'easeOutQuad',
  preset:'simpleFade',
  pagination:'.pagination',
  slideshow:7000,
  banners:'fade',
  waitBannerAnimation:false,
  pauseOnHover:true
  });
}); 
  </script> 

Конечно, он может немного отличаться, но в любом случае структура та же самая

Для того, чтоб изменить скорость переключения картинок нужно изменить значение slideshow. Оно определяет задержку перед сменой кадров (в милисекундах). Установите значение, сохраните файл index.html и обновите страницу в браузере, чтобы увидеть изменения.

Эта запись была размещена в JS Animated туториалы и помечена как animated, jQuery, js, slider. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов