سلام

من این کد اسلایدر رو با JQuery نوشتم که هم AutoSlide هست و هم دکمه های Next و Prev رو گذاشتم و مشکلی هم نداره درست کار میکنه

var index = 0;
function AutoSlide() {
    if (index >= ($('.SCSlider li').length - 1))
        index = 0;
    else
        index = index + 1;
    $('.SCSlider li').hide();
    $('.SCSlider li:eq(' + index + ')').show();

}
$(document).ready(function () {
    var Auto = setInterval(function () { AutoSlide(); }, 5000);
    $('.SPrev').click(function () {
        if (index >= ($('.SCSlider li').length - 1))
            index = 0;
        else
            index = index + 1;
        $('.SCSlider li').hide();
        $('.SCSlider li:eq(' + index + ')').fadeIn(1000);
        clearInterval(Auto);
        Auto = setInterval(function () { AutoSlide(); }, 5000);
    });
    $('.SNext').click(function () {
        if (index > 0) {
            index = index - 1;
        } else {
            index = $('.SCSlider li').length - 1;
        }
        $('.SCSlider li').hide();
        $('.SCSlider li:eq(' + index + ')').fadeIn(1000);
        clearInterval(Auto);
        Auto = setInterval(function () { AutoSlide(); }, 5000);
    });
});

میخوام به اسلایدر ها عکس کوچیک یا اضافه کنم

مثلا این عکس حالا یا عکس کوچیک داشته باشه یا دکمه های کوچیک که هر دکمه مخصوص یک عکس باشه

اون کد که نوشتم به راحتی باهاش اسلایدر رو در repeater میذارم و استفاده میکنم اما نمیدونم چطوری بنویسم که هر عکس یه دکمه کوچک هم داشته باشه

ممنون میشم در این باره راهنمایی کنید