Элемент jQuery исчезает и циклически повторяется при наведении мыши

Question

Я пытаюсь воссоздать эффект в jQuery, где элемент (<li> <img>) будет зацикливаться и иметь эффект затухания при наведении.<li> содержит <img> (снимки экрана).Когда мышь находится над элементом, она будет циклически повторять все, что находится в '<ul>', с эффектом затухания.Когда мышь исчезнет, ​​он перестанет циклически повторять список.Я также хочу добавить пейджер, где вы можете перейти к списку.

Мой существующий код: текст ссылки

Моя проблема: в текущем коде есть некоторые проблемы с разбиением на страницы, в него добавлены все изображения, которые можно увидеть в коде.Вместо 1-8 он продолжал добавлять еще 1-8 и еще один.Вторая проблема заключается в том, что он также начинает циклически исчезать при загрузке страницы.Циклирование и замирание должны работать только тогда, когда мышь находится над элементом.

Я не знаю, действительно ли для этого подхода требуется «Плагин цикла» ( Домашняя страница плагина ), я не хочу, чтобы он был как можно меньше.Я просто использую Cycle Plugin, потому что это быстрый ответ на мою проблему.

Спасибо и веселого Рождества!

---

Изменения

удалить и добавить ссылку

Answer 1

Я могу ошибаться, я не знаком с этим плагином, но, похоже, вам нужен идентификатор для каждого слайд-шоу вместо того, чтобы использовать класс, как вы.

Я установил JSFiddle с вашим кодом и настроил его. Ниже показано, как должен работать каждый слайд.

1. запускается при наведении мыши и останавливается при отключении мыши
2. изменения при наведении курсора мыши
3. изменяется при нажатии на навигацию

Ссылка, которую я дал вам в комментариях к вашему вопросу, должна привести вас к доступным опциям для этого плагина. Если вы пропустили это, вот оно: опции плагина