Сейчас узнаем, какой подарок выпадет именно Вам

Крутите колесо

Ура, вы выиграли!
Ваш приз:
Годовой доступ
к видео на mo-ti -20%
по промокоду T19RAY
Промокод действителен 3 дня

Оформить доступ с промокодом

100

#2470a1

Как показать случайный блок из нескольких в Тильда

Цитаты

"Никакой транспорт не будет попутным, если не знаешь, куда идти"

Эдгар Алан По

"У всякого святого есть прошлое, у всякого грешника — будущее"

Оскар Уайльд

"Кто берёт — наполняет ладони, кто отдает — наполняет сердце…"

Лао-Цзы

"Если бы вы знали, как редко нас понимают правильно, вы бы чаще молчали"

Гёте

"Можно безразлично относиться к ножевым ударам врага, но мучителен булавочный укол близкого человека"

Виктор Гюго

"И те, кто был замечен танцующими, казались ненормальными для тех, кто вовсе не мог слышать музыку"

Фридрих Ницше

"Ты выбрался из грязи в князи,
но быстро князем становясь.
Не позабудь, чтобы не сглазить.
Не вечны князи - вечна грязь"

Омар Хайям

"Тысячи свечей можно зажечь от одной единственной свечи, и жизнь ее не станет короче. Счастья не становится меньше, когда им делишься."

Будда

"Атлас не смог бы удержать мир, если бы задумался о его размерах"

Элберт Хаббард

"Мы знаем, кто мы есть, но не знаем, кем мы можем быть"

Вильям Шекспир

"Тайна человеческой души — заключена в психических драмах детства. Докопайтесь до этих драм, и исцеление придет"

Зигмунд Фрейд

"Уважать кого-либо очень непросто. Либо вы знаете этого человека, либо нет. Если вы его не знаете — это невозможно. Если же вы его знаете… Сами видите, как это непросто"

Адриан Декурсель

"Не выставляй напоказ все, что имеешь, — назавтра уже никого не удивишь"

Бальтасар Грасиан

"Люди делятся на две половины. Одни, войдя в комнату, восклицают: "О, кого я вижу!"; другие: "А вот и я!"

Эбигайл Ван Берен

"Еще не все колеса изобретены: мир слишком удивителен, чтобы сидеть сложа руки"

Ричард Брэнсон

Случайный блок

Как показать случайный блок из нескольких в Тильда

Создали блоки для выборки и задали им классы uc-random-block

Если нужно перемешивание по кнопке, то создаём кнопку со ссылкой #randomblk

Добавили код в блок Другое - Т123

Библиотека для примера


<script>
document.addEventListener("DOMContentLoaded", function() {
    (function () {
        
        
        const randomBlocks = document.querySelectorAll(".uc-random-block");
        
        function hideBlocks(){
            randomBlocks.forEach(function (el, index) {
                el.classList.add('hide-random-block');
            });
        };
        
        function getRandomInt(max) { return Math.floor(Math.random() * Math.floor(max))};
        
        function showRandomBlock(){
            const showBlockNum = getRandomInt(randomBlocks.length);
            hideBlocks();
            
            randomBlocks[showBlockNum].classList.remove('hide-random-block'); 
        };
        
        showRandomBlock();
        
        const randomButton = document.querySelectorAll('a[href="#randomblk"]');
        randomButton.forEach(function (el, index) {
            el.addEventListener('click',function(e) {
               e.preventDefault();
               showRandomBlock();
            });    
        });
        
 
 
    })();    
});    
</script>

<style>
.hide-random-block {
    opacity: 0!important;
    min-height: 0!important;
    max-height: 0!important;
    pointer-events: none!important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}    
</style>