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

Оформить доступ с промокодом
100
#2470a1
Как создать зависимость текста от слайда в GL21 в Tilda
Stihl МS 250 шина 35 см
С абсолютной уверенностью можно утверждать, что именно модель бензопил Штиль MS 250 является самым лучшим примером оптимально подобранного веса устройства на его единицу мощности. Ведь мощность данного устройства составляет – 3,1 л.с., что встречается далеко не во всех профессиональных пилах других марок. Учитывая, что масса пилы MS 250, составляет все го-то 4,6 кг., можно понять, что работать ней максимально комфортно. Масса же ее на единицу мощности составляет 2.0(кг/кВт), что так же является несомненным преимуществом.

Как создать зависимость текста от слайда в GL21 в Tilda

1
Создали блок GL21
2
В описание каждого фото добавили title и description
3
Добавили код в блок другое Т123
Прописали ID галереи GL21
var gl20ID = "#rec234011533";
Mo-ti Level Up
Видео инструкции по добавлению кода и работе с Zero Block.
Получить полное видео
Посмотреть все видео
Создаём зависимость между текстом и слайдом в GL21. Добавляем иконку активного слайда.
Длительность видео: 15 минут
Фрагмент видео
Посмотреть видео в личном кабинете ►
Библиотека для примера

<script>
document.addEventListener("DOMContentLoaded", function() {

(function () { 
    //Прописываем ID блока
    const gl20ID = "#rec234011533";    
    const target = document.querySelector(gl20ID+' div.t-slds__items-wrapper');
    const observer = new MutationObserver(function (mutations) {
        mutations.forEach(function (mutation) {
            if (mutation.attributeName === "class") {
                
                const activeTitle = document.querySelector(gl20ID+' div.t-slds__item_active .t-slds__imgwrapper').getAttribute('title');
                const aciveDescription = document.querySelector(gl20ID+' div.t-slds__item_active .t-slds__imgwrapper').getAttribute('data-img-zoom-descr');
                
                document.querySelector(gl20ID+' div.t764__title').innerText = activeTitle;
                document.querySelector(gl20ID+' div.t764__descr').innerText = aciveDescription;
                
    	};  
    });
    });
    observer.observe( target , {  attributes: true});

})();

});    
</script>
Made on
Tilda