Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Слайдшоу из одного многокдрового изображения

Слайдшоу из одного многокдрового изображения


     12.01.2012    Общие вопросы по вёрстке, jQuery    3346

вопрос
Подскажите как организовать слайдшоу из одного изображения?
Слайдшоу из одного многокдрового изображения

чтобы при наведении картинки чередовались

Ответил: ПафНутиЙ


Для этого необходимо чтобы картинки имели одинаковую ширину кадра, например 150px.

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>


Нужно только добавить функцию, котораябудет проверять ширину картинки, и если она меньше, чем текущая позиция картинки, кнопка промотки становится неактивной.

Комментарии пользователей (4)

coolrsm
2

61 | 57

coolrsm - 13 января 2012 12:45 - Юзер

огромное спасибо!!!а как сделать что при наведении они чередовались?

coolrsm
2

61 | 57

coolrsm - 21 января 2012 13:14 - Юзер

подскажет кто нибудь?

Sander
1126

1638 | 1204

Sander - 21 января 2012 20:16 - Эксперт

Подсказываю, написать обработчик события mouseenter

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

Johny
2

55 | 12

Johny - 13 мая 2016 17:55 - Юзер

Извиняюсь за некрофилию, можно сделать на css с помощью animation. Вдруг кому понадобится. Пример тут спрайт прокрутка

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы