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

Оформить доступ с промокодом
100
#2470a1

Как сделать сделать активацию gif при наведении в ZeroBlock для Tilda?

Реализуем эффект запуска gif использую метод подмены

1. Находим нужный gif
2. Открываем в фоторедакторе и сохраняем первый кадр в виде статичного фото
3. Добавляем это фото в ZeroBlock
4. Копируем class этого фото и добавляем в скрипт (пример)
.tn-elem__436056751470210033144
5. В скрипте:
- при наведении курсора на фото, прописываем адрес gif файла
- при удалении курсора прописываем адрес статичного фото


<script>
    //Пишем класс фото из Zero
    var img = $('.tn-elem__436056751470210033144 .tn-atom__img');
 
    img.hover(function(){
    //Пишем адрес фото при наведении    
    img.attr('src', 'https://static.tildacdn.com/tild3865-3839-4930-a336-336234646531/113817.gif');
    
}, function(){
    //Пишем адрес фото, когда мышь убрали
  img.attr('src', 'https://static.tildacdn.com/tild3930-3764-4232-b734-663062666336/Scre111111.png');
  
});
    
</script>
Made on
Tilda