.onlinerandevuetiket{
    cursor:pointer;
    margin-top:-473px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    float:right;
    position:relative;
    z-index:999;
    width:175px;
    height:946px;
    background-image: url(../images/akay/online-randevu-etiket.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

<div id="swing" class="onlinerandevuetiket" onClick="randevual();"></div>

var job = null;
var bSwingRight = true;
var sCurrentLeft = "imgLeft5";
var sCurrentRight = "imgRight5";

function swing() {

    if (bSwingRight == 0) {
        $('#swing').removeClass(sCurrentLeft);
        $('#swing').addClass(sCurrentRight);
    } else {
        $('#swing').removeClass(sCurrentRight);
        $('#swing').addClass(sCurrentLeft);
    }

    bSwingRight = !bSwingRight;

    job = setTimeout(swing, 1000);
}


$(document).ready(function() {

    swing();

    $('#defaultSlider input').click(function() {

        clearTimeout(job);

        bSwingRight = !bSwingRight;

        var currentValue = this.value * 5;

        $('#swing').removeClass(sCurrentRight);
        $('#swing').removeClass(sCurrentLeft);

        sCurrentRight = "imgRight" + currentValue;
        sCurrentLeft = "imgLeft" + currentValue;

        console.log(this.value + " - " + currentValue);

        swing();
    });

});