вопрос
Для этого необходимо чтобы картинки имели одинаковую ширину кадра, например 150px.
HTML примерно такой:
CSS:
JS:
Нужно только добавить функцию, котораябудет проверять ширину картинки, и если она меньше, чем текущая позиция картинки, кнопка промотки становится неактивной.
HTML примерно такой:
<div class="block">
<img class="img" src="img.jpg" alt="" />
</div>
<div id="right">вперёд</div>
<div id="left">назад</div>
CSS:
.block {width: 150px; height: 100px; overflow: hidden;}
JS:
<script>
$("#right").click(function(){
$(".img").animate({"left": "+=150px"}, "slow");
});
$("#left").click(function(){
$(".img").animate({"left": "-=150px"}, "slow");
});
</script>
Нужно только добавить функцию, котораябудет проверять ширину картинки, и если она меньше, чем текущая позиция картинки, кнопка промотки становится неактивной.