slide.js

function simpleSlide(slideId,dotsId,pauseBtnId,dotClass){
    var imgs = $("#" + slideId + " > img");
    var max = imgs.length - 1;
    var no = 0; //전역변수(global variables)

    $("#"+pauseBtnId).text("▶");

    for(var i=0; i<=max; i++){
        var dot = "<span class='" + dotClass + "' data-no='" + i + "'>●</span>";
        $("#" + dotsId).append(dot);
    }

    var dotgroup = $(".dot");

    var slide = function(curNo, nextNo){

        $(imgs[curNo]).animate({"left":"800px"},1000,function(){
            $(this).css({"left":"-800px"});
        });
        if( nextNo === undefined || nextNo === null ){
            var nextNo = curNo + 1;
            if(nextNo > max) nextNo = 0;
        }
        $(".dot").removeClass("active");
        $(dotgroup[nextNo]).addClass("active");
        $(imgs[nextNo]).animate({"left":"0"},1000);
        no = nextNo;
    }

     $("#" + slideId).click(function(){ slide(no, null); });

    var auto = null;
    var startTimer = function (){
        auto = setInterval(function(){
            slide(no, null);
        },2000);
        $("#"+pauseBtnId).text("■");
    }
    var stopTimer = function (){
        clearInterval(auto);
        auto = null;
        $("#"+pauseBtnId).text("▶");
    }

    $("#"+pauseBtnId).on("click",function(event){
        event.stopPropagation();
        if( auto === null ) {
            startTimer();
        } else {
            stopTimer();
        }
    });

    $("."+dotClass).on("click",function(event){
        event.stopPropagation();
        var dotNo = $(this).attr("data-no");
        //
    });
}