2009-08-15 7 views
1

프로젝트의 경우 여러 슬라이드 (HTML, 이미지 등 포함) 사이를 전환하는 콘텐츠 배너를 만들고 싶습니다. "슬라이드"는 div 요소입니다. jCarousel에서 사용하는 slideIn 효과는 사람이 원하는 것이 아니며, 페이드 인/페이드 아웃 (wanst fadeIn/fadeOut)에서 각 슬라이드가 7 초 동안 표시된 "슬라이드"를 나타냅니다.jQuery 콘텐츠 스위치 및 페이드 인 플러그인?

누구나이 문제를 해결할 수있는 플러그인을 알고 계십니까?

p.s. 누군가 jCarousel에 대해 fadeIn/fadeOut 효과를 만들었는지 물어 보았습니다.하지만 질문에 응답이 없으므로 이제이 특정 작업을 수행하는 플러그인을 변경하려고합니다.

+0

JQuery와 fadeIn있다 class="slideshow"와의? 무슨 소리 야? 이것은 구현하기가 매우 쉽습니다. 질문이 뭐야? 어떻게 실제로 그것을 구현 하는가? –

+0

페이드 효과를 사용하여 4-10 div 엘리먼트 사이를 순환 할 사전 빌드 된 플러그인이 없습니다. – Phil

답변

4

jQuery Cycle Plugin을 보았습니까? 그것은 ton of different options이며, 그 중 하나는 페이드 효과입니다. 그냥 플러그인 코드를 다운로드 한 후 다음

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

가정 이미지가 모두 같은 크기로되어 사용하고 <div>

+0

div 요소보다는 img 요소가 사용 되었기 때문에 플러그인을 삭제했지만 다운로드하고 작동하는지 확인하려고합니다. – Phil

+0

+1 유용한 플러그인에 대해 가르쳐주세요! –

+0

이미지에만 국한되지 않습니다. 내 답변의 첫 번째 링크는 "멋진 데로 이미지가이 데모에 사용되지만 슬라이드 쇼는 이미지에만 국한되지 않으므로 원하는 모든 요소를 ​​사용할 수 있습니다." –

관련 문제