저는 아코디언 콘텐츠 슬라이더를 잠시 동안 검색해 왔습니다. 나는 하나를 찾았습니다 : http://www.marghoobsuleman.com/jQuery-common-accordion, 그리고 꽤 괜찮습니다. 내 사이트에 구현했습니다. http://www.pixeltrics.com/수직 아코디언 콘텐츠 슬라이더 이상적으로 jQuery
하지만 저는 행복하지 않은 몇 가지가 있습니다. 매우 부드러운 것은 아니며 자동 지연 시간을 4 초로 설정하더라도 첫 번째 슬라이드가 두 번째 프레임으로 전환하는 데 더 오래 걸리고 매초마다 전환되기 시작합니다. 그래서 뭔가가 옳지 않습니다.
다른 아코디언 플러그인을 사용해 본 사람이 있습니까? JQuery가 이상적이다.
감사합니다.
가 JQuery와 거의 형제 인 JQuery와 UI이며 아코디언을 포함하여 유용한 위젯을 많이 가지고 혼자 jQuery를 함께 충분히 쉽게 때
가 왜 플러그인을 사용을? 예 ...
HTML
<div class="wrap">
<div class="heading">Heading</div>
<div class="body">Body</div>
</div>
<div class="wrap">
<div class="heading">Heading</div>
<div class="body">Body</div>
</div>
<div class="wrap">
<div class="heading">Heading</div>
<div class="body">Body</div>
</div>
jQuery를 내가 Slidorion라는 개발 한 정말 멋진 이미지와 아코디언 jQuery 플러그인이있다
$(function() {
$('.body').hide();
$('.heading').hover(function() {
$(this).next('.body').stop().slideToggle(500);
$(this).parent().siblings('.wrap').children('.body').stop().slideUp(500);
}, function() {
$(this).next('.body').stop().slideToggle(500);
});
});
고마워요.하지만 4 초마다 자동 재생/슬라이드를하고, 설정된 슬라이드부터 시작해야합니다. 누군가가 마우스 오버하지만 몇 초 후에 다시 시작하면 일시 중지하고 싶습니다. 그래서 그것은 마치 아코디언과 슬라이더의 조합과 같습니다. – pixelwiz
. 이미지 슬라이더와 아코디언을 결합하여 원하는 것을 얻을 수 있습니다. 확인해보세요 ...
Chrome에서 원활하게 작동합니다. 다른 브라우저 및 컴퓨터 구성에서 사용해 보셨습니까? 귀하의 경우에는 고정 된 높이를 추가하여 애니메이션이 끝난 후에도 컨텐츠를 맞추기 위해 "팝업"하지 않도록 제안합니다. 고정 높이를 설정하면 내용이 변경 될 때 조정할 필요가 있거나 실용적이지 않은 경우 페이지로드 후 자바 스크립트에서 높이를 설정해야합니다. –
예. 첫 번째 애니메이션의 후속 애니메이션보다 긴 지연이 오래 걸립니다. 하지만 사용 또는 구성에 문제가 없습니다. 그 버그를 플러그인 작성자에게보고하는 것이 좋습니다. –