#javascript #jquery #carousel
#javascript #jquery #карусель
Вопрос:
У меня проблема с моей каруселью. Я искал похожие вопросы. Но ничего не нашел.
Я создал карусель с тремя разделами и большим изображением. А в карусели есть кнопки навигации вправо и влево. В начале первый раздел — show . С помощью правой кнопки карусели. Левая кнопка скрыта. Потому что вы не можете нажать налево. Когда вы нажимаете на другой слайд. Следующий раздел — показать, а фоновое изображение — анимировать на 1000 пикселей вправо.
Вы можете увидеть здесь пример: Пример на jsfiddle
Но теперь проблема. Когда я нахожусь на первом участке. У меня есть кнопка навигации справа. Левая кнопка скрыта, потому что вы не можете нажать на нее. Когда вы дойдете до последнего раздела. Левая кнопка — показать, а правая — скрыть.
Но проблема в средней части. Когда вы находитесь на средней секции. У вас есть кнопка навигации справа. Но не кнопка навигации влево. И когда я нахожусь в середине. Я тоже ушел. И не только справа.
Как я могу исправить это в своем скрипте? Спасибо за помощь.
Вы можете изменить код и посмотреть код на jsfiddle.
Комментарии:
1. То, что я обычно делал, — это иметь переменную с именем state . Состояние равно 0 при загрузке. Когда вы просматриваете (в вашем случае) вправо, состояние устанавливается равным 1. Тогда у вас просто есть функция, которая проверяет состояние, если оно равно 0, скройте стрелку влево, если оно равно 1, покажите все стрелки, если оно равно 2, скройте стрелку вправо. Не должно быть так сложно
2. Можете ли вы привести мне пример на jsfiddle. Я начинаю javascripter. Надеюсь, что вы сможете мне помочь
Ответ №1:
Я привел пример своей идеи здесь: http://jsfiddle.net/upyZH/5 / , но проблема все еще существует. Firebug продолжает сообщать мне, что изображение sprite.png не найдено. Возможно, это ваша проблема? И что это за случайные символы в css?
РЕДАКТИРОВАТЬ: здесь вы идете: http://jsfiddle.net/upyZH/8 / , работает как шарм 🙂
Ответ №2:
Посмотрите на мою скрипку здесь: http://jsbin.com/abape3/14 Он имеет левую и правую кнопки и работает так, как вы описали.