240 подписчиков

Меняем скорость смены слайдов в стандартной галерее Tilda

17 мая 202217 мая 2022

191

1 мин

#tilda #тильда #модификация #слайдер #галерея На сайте появилась новая модификация для стандартной галереи Тильды. А если быть точнее, для любых слайдеров (кроме Stories). С её помощью вы можете управлять скоростью смены слайдов и функцией плавности анимации. Посмотреть пример или задать собственные значения и скопировать код вы можете по этой ссылке: https://necodim.ru/tilda/slider-speed. Пример кода  <style>

.t-slds_animated {

-webkit-transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;

-moz-transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;

-o-transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;

transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;

}

</style>

$(function() {

$('.t-slds__items-wrapper').attr('data-slider-transition', 2000);

});

</script> Данный код за

.t-slds_animated {

-webkit-transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;

-moz-transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;

-o-transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;

transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;

}

</style>

$(function() {

$('.t-slds__items-wrapper').attr('data-slider-transition', 2000);

});

</script> Данный код за

Оглавление

Пример кода
Как сделать так, чтобы всё заработало?
Спасибо

#tilda #тильда #модификация #слайдер #галерея

На сайте появилась новая модификация для стандартной галереи Тильды. А если быть точнее, для любых слайдеров (кроме Stories). С её помощью вы можете управлять скоростью смены слайдов и функцией плавности анимации.

Посмотреть пример или задать собственные значения и скопировать код вы можете по этой ссылке: https://necodim.ru/tilda/slider-speed.

Пример кода

<style>
.t-slds_animated {
-webkit-transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;
-moz-transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;
-o-transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;
transition: height ease-in-out 2000ms, transform ease-in-out 2000ms !important;
}
</style>
<script>
$(function() {
$('.t-slds__items-wrapper').attr('data-slider-transition', 2000);
});
</script>

Данный код замедлит смену слайдов до 2 секунд.

Как сделать так, чтобы всё заработало?

Если вы просто вставите слайдер на страницу и добавите этот код в T123 под галерею, у вас будет дёрганный слайдер. А всё потому, что в настройках блока галереи необходимо включить скорость смены слайдов. Тильда предлагает только 2 варианта: быстро и медленно. Выбирайте любой.

Спасибо

Спасибо в карман не положишь, так что можете насыпать донатов на сайте. Или хотя бы просто подписаться на Telegram – туда я выкладываю все обновления в первую очередь.