вопрос
Подскажите как организовать слайдшоу из одного изображения?
чтобы при наведении картинки чередовались
чтобы при наведении картинки чередовались
Для этого необходимо чтобы картинки имели одинаковую ширину кадра, например 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>
Нужно только добавить функцию, котораябудет проверять ширину картинки, и если она меньше, чем текущая позиция картинки, кнопка промотки становится неактивной.
