문제

프로젝트의 경우 여러 "슬라이드"(HTML, 이미지 등) 사이를 전환하는 컨텐츠 배너를 만들고 싶습니다. "슬라이드"는 div 요소입니다. Jcarousel이 사용한 슬라이드 효과는 그 사람이 원하는 것이 아니며, 7 초 동안 "슬라이드"가 표시된 "슬라이드"를 페이드 인/페이드 아웃으로 향하게했습니다.

이것을 달성 할 수있는 플러그인을 아는 사람이 있습니까?

추신 : 나는 누군가가 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