Как сделать переключение с нумерацией в ZeroBlock в Tilda

<style>
.triggericon , .nupos , .smallph , .sldZero{ transition:all 0.3s ease-in-out;}
.activetrigger{ box-shadow: 0px 0px 5px 4px #accacf;}
.activenum{font-weight: 600 !important;box-shadow: 0 0 4px #e0e0e0;}
</style>
<script>
   $( document ).ready(function() {
      var sldBlk = ["#rec140760332","#rec140769343","#rec140845314","#rec140846029"];
      var index=0; 
      $('a[href="#smallph"]').addClass('smallph');
      $('a[href="#mainph"]').addClass('mainph').hide();
      $('.mainph').closest('.t396').addClass('cardelem');
       for(var i = 0; i < $(".cardelem").length; i++){
       $('.cardelem:eq('+i+') .smallph:first').addClass('activetrigger');
       $('.cardelem:eq('+i+') .mainph:first').show();
       };
      $('.mainph').click(function(e) {e.preventDefault();});
      $('.smallph').click(function(e) {e.preventDefault();
       if(!$(this).hasClass("activetrigger") ){
        $('.t396').removeClass('direct');
        $(this).closest('.t396').addClass('direct');
        $('.direct .smallph').removeClass('activetrigger');
        $(this).addClass('activetrigger');
        var dtrigg = $(".direct .smallph").index(this);
        $('.direct .mainph').hide(500);$('.direct .mainph:eq('+dtrigg+')').show(500);
      };  });
       for(var i = 0; i < sldBlk.length; i++){
        $(sldBlk[i]).addClass('sldZero'); $(sldBlk[0]).addClass('visZero');
       };
    $('.sldZero').not(':first').addClass('miraclestyle').hide();
    $('.sldZero').wrapAll('<div class="mainsldZero"></div>');
    $('a[href="#numlink"]').addClass('nupos');$('.nupos:first').addClass('activenum');
    function chngZsld() {
      $('.nupos').removeClass('activenum'); $('.nupos:eq('+index+')').addClass('activenum');
      $('.sldZero').hide();$('.sldZero:eq('+index+')').show();
    };
    $('.nupos').click(function(e){e.preventDefault();
    $('.sldZero:eq('+index+')').addClass('miraclestyle');
    index = $('.nupos').index(this);chngZsld();    
    });
    $('a[href="#sldnext"]').click(function(e){e.preventDefault();
      $('.sldZero:eq('+index+')').hide();
      index++; if(index== $('.sldZero').length){index=0};chngZsld();
    });   
    $('a[href="#sldprev"]').click(function(e){e.preventDefault();
      $('.sldZero:eq('+index+')').hide();
      index--; if(index<0){index=$('.sldZero').length-1};chngZsld();   
    });   
});
</script>