프로젝트의 경우 여러 슬라이드 (HTML, 이미지 등 포함) 사이를 전환하는 콘텐츠 배너를 만들고 싶습니다. "슬라이드"는 div 요소입니다. jCarousel에서 사용하는 slideIn 효과는 사람이 원하는 것이 아니며, 페이드 인/페이드 아웃 (wanst fadeIn/fadeOut)에서 각 슬라이드가 7 초 동안 표시된 "슬라이드"를 나타냅니다.jQuery 콘텐츠 스위치 및 페이드 인 플러그인?
누구나이 문제를 해결할 수있는 플러그인을 알고 계십니까?
p.s. 누군가 jCarousel에 대해 fadeIn/fadeOut 효과를 만들었는지 물어 보았습니다.하지만 질문에 응답이 없으므로 이제이 특정 작업을 수행하는 플러그인을 변경하려고합니다.
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>
div 요소보다는 img 요소가 사용 되었기 때문에 플러그인을 삭제했지만 다운로드하고 작동하는지 확인하려고합니다. – Phil
+1 유용한 플러그인에 대해 가르쳐주세요! –
이미지에만 국한되지 않습니다. 내 답변의 첫 번째 링크는 "멋진 데로 이미지가이 데모에 사용되지만 슬라이드 쇼는 이미지에만 국한되지 않으므로 원하는 모든 요소를 사용할 수 있습니다." –
JQuery와 fadeIn있다
class="slideshow"와의? 무슨 소리 야? 이것은 구현하기가 매우 쉽습니다. 질문이 뭐야? 어떻게 실제로 그것을 구현 하는가? –페이드 효과를 사용하여 4-10 div 엘리먼트 사이를 순환 할 사전 빌드 된 플러그인이 없습니다. – Phil