Модификации Тильды

three js hover waves

2026-01-21 17:33
Инструкция:
1. Добавь изображение (!) в зеро блок
2. Присвой ему класс item
3. Вставь этот код в блок T123
<style>

.hide {
    visibility:hidden;
}

/* Canvas */
.dom-gl {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
    
</style>
<script>

    $('.item').each(function() {
        $(this).find('.tn-atom').addClass('js-plane');
        $(this).find('.tn-atom__img').addClass('hide');
        let src = $(this).find('.tn-atom__img').attr('data-original');
        $(this).find('.tn-atom__img').attr('src', src);
    })
    if ( $('.item').length <= 2 ) {
        $(".item").clone().prependTo("body").css('display', 'none').find('.tn-atom__img').attr('src', '');
        $(".item").clone().prependTo("body").css('display', 'none').find('.tn-atom__img').attr('src', '');
        $(".item").clone().prependTo("body").css('display', 'none').find('.tn-atom__img').attr('src', '');
    } else if ( $('.item').length <= 5 ) {
        $(".item").clone().prependTo("body").css('display', 'none').find('.tn-atom__img').attr('src', '');
        $(".item").clone().prependTo("body").css('display', 'none').find('.tn-atom__img').attr('src', '');
    } else {
        $(".item").clone().prependTo("body").css('display', 'none').find('.tn-atom__img').attr('src', '');
    }
    $('.test').mouseenter(function(){
          $('#rec259613846 .tn-elem[data-elem-id="1607551649528"] img').trigger('mouseenter');
    });
    console.log($('.item').length)
</script>
<script type="text/javascript" src='https://gistcdn.githack.com/swan4er/ac8b53332d4db1730dcdb08412edd3af/raw/80958ce105d036096e2956e860fd97f9f1f281fe/wave-three.js'></script>