Показать сообщение отдельно
  #1 (permalink)  
Старый 13.06.2017, 11:10
Аспирант
Отправить личное сообщение для ami_moor Посмотреть профиль Найти все сообщения от ami_moor
 
Регистрация: 27.08.2013
Сообщений: 32

Cдвиг изображения по клику влево-вправо (по кругу)
Подскажите пожалуйста...
Есть изображения заключенные в див размером в 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>

Последний раз редактировалось ami_moor, 13.06.2017 в 11:55.
Ответить с цитированием