jQuery UI에 의해 구동되는 연속 회전 목마

이 jQuery UI 연속 회전 목마 인 rcarousel은 어린 시절 회전 목마로 향수를 불러 일으키지 만 멀미가 없다! 버전 1.1은 HTML 컨텐츠 (이미지가 아닌) 및 단순화 된 사용에 대한 지원을 포함하여 상당한 개선 사항을 자랑합니다. 콘텐츠를 컨테이너에 추가하고 위젯을 초기화하기 만하면됩니다.

고도로 사용자 정의 할 수있는 rcarousel을 사용하면 페이지 당 여러 회전식, 가변 가시 요소 및 조정 가능한 스크롤 단계가 가능합니다. API를 통한 동적 요소 로딩 (예 : XML 또는 JSON 페치)도 지원됩니다. 주요 기능에는 광범위한 옵션, 링크 된 이미지 및 요소 및 수직 회전 목마 기능이 포함됩니다.

광범위한 브라우저 호환성 (Internet Explorer 7, Firefox 3.0, Chrome, Opera 10.10, Safari 4.0.5)을 자랑하는 동안 초저 브라우저 용으로 설계되지 않았습니다.

저자의 여가 시간에 개발되고 유지 된 Rcarousel은 오픈 소스 협업에 대한 증거입니다. 기부금은 실업 기간 동안 개발자를 지원해 주셔서 감사합니다. 라이트 박스를 사용하는 사람들의 경우 저자는 rlightbox2를 권장합니다 저자에 대해 폴란드 출신의 프론트 엔드 개발자 인 Wojciech Ryrych는 Linux, 오픈 소스 및 지속적인 학습에 대한 열정입니다. rcarousel 페이지 : (깨진 링크) 자주 묻는 질문 (FAQS) 회전 목마의 모양을 사용자 정의 할 수 있습니까?

색상, 글꼴 및 크기를 포함하여 웹 사이트 스타일에 맞게 관련 CSS 파일을 수정하여 회전식의 디자인을 쉽게 사용자 정의 할 수 있습니다. jQuery UI의 클래스를 활용하거나 고유 한 효과를 위해 사용자 정의 스타일을 만듭니다.

한 페이지에 여러 회전 목마를 사용할 수 있습니까?

절대적으로! 충돌을 방지하기 위해 각 회전 목마에 고유 한 ID가 있는지 확인하고 JavaScript에서 개별적으로 초기화하십시오. 회전 목마 당 필요에 따라 설정 (가시 항목, 속도, 방향)을 조정하십시오.

이미지 캡션을 추가하려면 어떻게하나요?

이미지가 포함 된 각 요소 내부에 클래스 "캡션"과 함께

요소를 둥지로 표시하십시오. CSS에서 이러한 캡션을 스타일링하고 적절하게 배치하십시오. jQuery를 사용하여 이미지를 기반으로 한 동적 캡션 생성.

자동 스크롤링을 활성화하는 방법은 무엇입니까?

회전식 설정에서 는 기본 속도를 사용합니다.

모바일 장치에서 터치 이벤트를 지원합니까?

예, 터치 이벤트가 지원됩니다. 스크롤하기 위해 스 와이프하면 내비게이션 버튼을 추가합니까?

HTML에 "prev"및 "next"버튼이 포함되고 jQuery를 사용하여 클릭 이벤트를 바인딩하고 회전 목마의 및 메서드를 호출합니다. prev 데이터베이스 또는 API에서 동적으로 항목을로드 할 수 있습니까? 예, Ajax를 사용하여 데이터를 가져온 다음 jQuery로 next 요소를 작성하여 회전 목마에 추가하십시오. 회전 목마의 상태를 업데이트하려면 메소드를 호출해야합니다.

페이드 전환을 어떻게 추가 할 수 있습니까?

회전 목마의 및 콜백 내에서 jQuery의 <li> 메소드를 사용하여 전환 중에 퇴색/콜백을 사용하십시오. reload

호버에서 회전 목마를 일시 중지 할 수 있습니까?

예, 마우스가 떠날 때 호버에서 자동 스크롤을 일시 중지하려면 옵션을 로 설정하십시오. animate. 다른 jQuery UI 위젯과 함께 사용할 수 있습니까? before 예, 다른 jQuery UI 위젯을 초기화하고 JavaScript 파일의 rcarousel과 통합하십시오. 예를 들어, 슬라이더를 사용하여 스크롤 속도를 제어합니다. after

위 내용은 jQuery UI에 의해 구동되는 연속 회전 목마의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!