#javascript #jquery #carousel
#javascript #jquery #карусель
Вопрос:
У меня есть большой список ul с элементами li. У меня есть много предметов li (более 200). Я хочу поместить этот ul в карусель, но я не уверен, как это сделать.
Это мой HTML-код на jsfiddle и код.
В идеале, когда вы нажимаете на правую кнопку, вы видите следующие элементы li. Я просто не знаю, как это сделать, и я надеюсь, что вы можете дать некоторые рекомендации о том, с чего начать.
Комментарии:
1. Под «каруселью» вы подразумеваете что-то вроде этого: sorgalla.com/projects/jcarousel/#Examples
2. Вместо того чтобы заново изобретать колесо, рассмотрите возможность использования существующего плагина, такого как jCarouselLite
3. Да. Но проблема в том, что. Я хочу карусель, как у моего jsfiddle. С четырьмя рядами.
4. Как вы генерируете свой HTML-код? Можно ли было бы иметь примерно один элемент контейнера на каждые 16
liсекунд? Я думаю, это будет трудно, если вы действительно хотите один большой<ul>(хотя, вероятно, все еще возможно)5. HTML-код устанавливается статическим в документе. Но я должен создать скрипт на javascript. Этот javascript поместил все элементы li в четыре строки. Но как я могу создать этот сценарий
Ответ №1:
Я использовал этот плагин jQuery несколько раз. Вы можете легко превратить свои li в карусельный элемент.
Если вы не хотите использовать этот плагин, вы также можете создать несколько ul и присвоить им уникальный идентификатор. Установите скрытые неактивные ul с помощью css (отображение: нет).
Когда вы нажимаете кнопку далее, вы можете использовать jQuery, чтобы скрыть текущий ul $('#ID').hide(); и показать следующий ul $('#ID').hide(); .