| ami_moor |
13.06.2017 11:10 |
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>
|