В этом видео мы сделаем автоматическое переключение слайда в блоке ТE-800 на Tilda.

Регистрируйтесь на лучшем конструкторе для создания сайтов Tilda: Регистрация здесь

Как сделать автоматическое переключение блока ТE-800

Как выполнить данный пример:

1) Создали блок TE800
2) Добавили код в блок Другое - Т123
New products
Aesthetic goods and beauty accessories that will be popular this summer season
Скрипт для автослайдинга блока ТE-800
<script>
function auto_play() {  $(".t923 .t-slds__arrow-right").click();};
//Время задержки
var timemode = 3000;
var autoPlay = setInterval( auto_play, timemode );
$( document ).ready(function() {
$(".t923 .t-slds").hover(
function(){  clearInterval(autoPlay);
},function(){  autoPlay = setInterval( auto_play, timemode );});   
});
document.addEventListener('DOMContentLoaded', function() {
    document.addEventListener('visibilitychange', function() {
        if (document.hidden) { clearInterval(autoPlay);
            } else { autoPlay = setInterval( auto_play, timemode );
            }
    });
});
</script>
Скрипт для открытия текста при наведении в блоке ТE-800
<style>
.t923__wrapper {
    position: relative;
}
.t923__content {
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    bottom: 0;
    z-index: 55;
    transform: translateY(100%);
    transition: transform 0.4s ease-in-out;
}
.t923__wrapper:hover .t923__content {
    transform: translateY(0%);
}
@media screen and (max-width: 960px){
.t923__col {
    margin-bottom: 0px;
}}
</style>
Скрипты и инструкции взяты и используются с официального сайта mo-ti.ru
Пожертвование на развитие проекта
Другие полезные уроки и статьи
Оставить заявку:
Написать мне в:
Нажимая кнопку, вы принимаете Положение и Согласие на обработку персональных данных
Есть вопросы?
Напишите мне