Подскажите пожалуйста...
Есть изображения заключенные в див размером в 500px, как сделать так, что бы изображения влево или в право (в зависимости от нажатия на соответствующую кнопку) по кругу или хотя бы как тут
http://tulios.github.io/jquery.silver_track/ (когда последняя картинка, изображения не двигается)
<div id="block">
<img class="t" data-u="thumb" src="http://bears.loc/wp-content/uploads/2017/05/twin_4_.jpg" style="margin-left: 0px;">
<img class="t" data-u="thumb" src="http://bears.loc/wp-content/uploads/2017/05/twin_4_.jpg" style="margin-left: 0px;">
<img class="t" data-u="thumb" src="http://bears.loc/wp-content/uploads/2017/05/twin_4_.jpg" style="margin-left: 0px;">
<img class="t" data-u="thumb" src="http://bears.loc/wp-content/uploads/2017/05/twin_4_.jpg" style="margin-left: 0px;">
</div>
<span class="left-tb">Влево</span> 
<span class="right-tb">Вправо</span
<script>
$(document).ready(function() {  
   $('.left-tb').click(function() {
        $('#block').animate({
        'marginLeft' : "-=145px" 
        });
    });
    $('.right-tb').click(function() {
        $('#block').animate({
        'marginLeft' : "+=145px" 
        });
    });
});
</script>
<style>
#block {
width: 500px;
overflow: hidden;
}
</style>