Вопрос

Для проекта я хотел бы создать баннер контента, который переключался бы между несколькими "слайдами" (содержащими html, изображения и т.д.)."Слайды" - это элементы div.Эффект slideIn, используемый jCarousel, - это не то, чего хочет парень, он хочет, чтобы "слайды" исчезали с каждым "слайдом", показываемым в течение 7 секунд.

Кто-нибудь знает о плагине, который может достичь этого?

P.s.Я пытался спросить, создавал ли кто-нибудь эффект fadeIn / fadeOut для jCarousel, но на вопрос не последовало никакого ответа, поэтому теперь я готов сменить плагин на тот, который выполняет эту конкретную задачу.

Это было полезно?

Решение

Видели ли вы Плагин цикла jQuery?В нем есть тонна различных вариантов, одним из которых является эффект затухания.Просто загрузите код плагина, а затем используйте следующее

$(function() {
  $('div.slideshow').cycle({
    fx: 'fade', // choose the fade transition type
    timeout: 7000 // 7 second delay between fade in and fade out
  });
); 

предполагая, что все ваши изображения имеют одинаковый размер и в <div> с class="slideshow"

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top