自作スライダーにページネーションをつけたいのですが・・

Question

自作でスライダーを作り、ページネーションを追加したいのですが、どうもうまくいかず。。。
下記のコードにどう追加したらいいのか教えてくださいT_T

スライダー部分は下記になります。

//slider
var slideWidth = $('.slide').outerWidth(),
slideHeight = $('.slide').height(),
slideNum = $('.slide').length,
slideSetWidth = slideWidth * slideNum;
$('.slideSet').css('width', slideSetWidth); 
$('.slider').css('height', slideHeight);

$(window).on('load resize', function(){
    slideWidth = $('.slide').outerWidth(),
    slideHeight = $('.slide').height(),
    slideNum = $('.slide').length,
    slideSetWidth = slideWidth * slideNum;
    $('.slideSet').css('width', slideSetWidth); 
    $('.slider').css('height', slideHeight);
});
var size = 0;
var xwidth = $('div.slider').width();
var slideCurrent = 0;   

var sliding = function(){
    if( slideCurrent < 0 ){
        slideCurrent = slideNum - 1;

    }else if( slideCurrent > slideNum - 1 ){
        slideCurrent = 0;
    }
    $('.slide_nav').find('li a').removeClass('active');
    $('.slide_nav li a').eq(slideNum).addClass('flex-active');

    $('.slideSet').stop().animate({
        left: slideCurrent * -100 +'vw'
    });
}
setInterval(function(){
    slideCurrent++;
    sliding();
},8000);

$('.slider_prev').click(function(){
    slideCurrent--;
    sliding();
});

$('.slider_next').click(function(){
    slideCurrent++;
    sliding();
});

ページネーション自動追加は下記です。

	  var html = '<li class="nav1"><a class="active">1</a></li>';
	  for (var i=2; i<=slideNum; i++) {
	  	html += '<li class="nav'+slideNum+'"><a>'+slideNum+'</a></li>';
	  };
	  $('.slide_nav').append(html);

よろしくお願いいたします！

Comments

[m.ts10806]

何がどううまくいってませんか？
「ダメでした」「うまくいきませんでした」
他人には何も伝わらない表現方法なので、具体的に起きた現象を書いてください。

それに自作のスライダーとのことなので、コードを全て解読した上で回答に反映する必要があります。それはどんな熟練者でもかなりの負荷がかかるものです。もう少し問題を整理された方が良いかと思います。丸投げの作業依頼は非推奨ですので。

要は、要件ですね。「ページネーション」といっても表現方法は1つではありません。「こうしたい」を具体的にしてください。図示でも構いません。