Подумал я и вот такой вот, самый простой, проще некуда наверно уже, круговой слайдер придумал. Может как-то еще упростить? Хз, у меня уже не получается))
<style>
.one-line-slider > img{
max-width: 320px;
height: auto;
display:none;
}
.one-line-slider > img:first-child{
display:block;
}
</style>
<script>
$(document).ready(function(){
$(".one-line-slider img").on("click", function(e){
$(this).hide().next("img").show();
});
$(".one-line-slider img:last").on("click", function(e){
$(this).hide().siblings("img:first").show();
});
});
</script>
<div class="one-line-slider">
<img src='slides/1.jpg'>
<img src='slides/2.jpg'>
<img src='slides/3.jpg'>
<img src='slides/4.jpg'>
</div>
UPD: придумал как упростить js
$(".one-line-slider img").on("click", function(e){
if($(this).index() == $(".one-line-slider img").length-1)
$(this).hide().siblings("img:first").show();
else
$(this).hide().next("img").show();
});
Простой
