몇 분 안에 슬라이드쇼를 만들기 위한 상위 17개의 jQuery 플러그인

jQuery는 경량 JavaScript 라이브러리입니다. 예를 들어 여러 줄이 아닌 한 줄로 동일한 작업을 수행할 수 있습니다. 또한 jQuery는 JavaScript 코드뿐만 아니라 AJAX 호출 및 DOM 조작도 단순화할 수 있습니다. 더 구체적으로 말하자면 웹사이트에서 JavaScript를 사용하는 동안 절반의 노력으로 두 배의 결과를 얻을 수 있습니다.

jQuery 플러그인

따라서 이 기사에서는 인기 있는 17가지를 소개합니다. jQuery 슬라이드 쇼 플러그인. 음, 슬라이드쇼를 추가하는 것은 더 이상 번거롭지 않습니다. 각 JavaScript 슬라이드쇼 코드에는 고유한 기능이 있습니다. 여기에서 좋아하는 jQuery 플러그인을 읽고 얻을 수 있습니다.

파트 1: 상위 17개의 jQuery 슬라이드쇼 플러그인

JavaScript 및 jQuery 슬라이드쇼용 핫 플러그인입니다. jQuery 코드가 너무 많으면 페이지 로딩 속도가 느려질 수 있습니다. 따라서 페이지당 하나의 jQuery 슬라이더 플러그인을 사용하는 것이 좋습니다.

상위 1위: SlidesJS

웹사이트: http://slidesjs.com/

jQuery SlidesJS는 터치 및 CSS3 전환을 제공합니다. 모든 화면에 쉽게 적용되는 반응형 슬라이드쇼를 만들 수 있습니다. 따라서 귀하의 웹사이트는 컴퓨터와 스마트폰 모두에서 제대로 작동합니다.

슬라이드JS

상위 2위: 스키터

웹사이트: https://skitter-slider.net/

다양한 애니메이션과 옵션이 포함된 Skitter는 반응이 빠른 무료 jQuery 슬라이더 플러그인입니다. 예를 들어 점, 화살표 또는 숫자를 탐색으로 사용할 수 있습니다.

잽싸게 달리다

상위 3위: jQuery 주기

웹사이트: http://jquery.malsup.com/cycle/

다양한 전환 효과를 지원하는 jQuery 슬라이드쇼 플러그인입니다. 마우스 오버 시 일시 중지, 자동 맞춤, 자동 중지 등을 설정할 수 있습니다. 이름에서 알 수 있듯이 "순환" 효과를 쉽게 얻을 수 있습니다.

jQuery주기

상위 4위: Nivo 슬라이더

웹사이트: https://themeisle.com/plugins/nivo-slider/

jQuery Nivo 슬라이더에서 16가지 전환 효과와 키보드 탐색 및 사용자 지정 가능한 설정을 얻을 수 있습니다. 또한 이 jQuery 슬라이더 플러그인은 WordPress에서도 작동합니다. 원한다면 할 수도 있습니다 Tumblr 슬라이드쇼 만들기 워드프레스에서도.

니보 슬라이더

상위 5위: jQuery 뽀빠이

웹사이트: http://www.jquerycode.com/lightboxes/popeye/

jQuery Popeye를 사용하면 일반 페이지 흐름을 벗어나지 않고 다양한 이미지를 표시할 수 있습니다. 따라서 이 인라인 라이트박스 대안을 사용하여 공간을 절약할 수 있습니다.

jQuery 뽀빠이

상위 6위: 갤러리아

홈페이지: https://galleria.io/

Galleria는 MIT 라이선스로 출시된 클래식 jQuery 테마입니다. 웹 및 모바일 장치용 사진 갤러리를 쉽게 만들 수 있습니다. 또한 프리미엄 버전으로 업그레이드하여 더 많은 테마를 얻을 수도 있습니다.

갤러리

상위 7위: 간단한 컨트롤 갤러리

웹사이트: http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm

당연히 Simple Controls Gallery를 실행하여 이미지를 슬라이드쇼로 표시할 수 있습니다. 이 jQuery 플러그인을 사용하면 슬라이드쇼를 수동 또는 자동으로 제어할 수 있습니다.

간단한 컨트롤 갤러리

상위 8위: SlideViewer

웹사이트: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html

몇 줄의 HTML을 작성하여 정렬되지 않은 사진 목록이 있는 이미지 갤러리를 만들 수 있습니다. 따라서 빠르게 클릭하여 갤러리를 앞뒤로 탐색할 수 있습니다.

슬라이드 뷰어

상위 9위: 코인 슬라이더

웹사이트: http://workshop.rs/projects/coin-slider/

Coin Slider는 Android 및 iPhone과 호환되는 가벼운 jQuery 슬라이드쇼 플러그인입니다. 글쎄, 여기에서 독특한 전환 효과와 유효한 메이크업 기능을 얻을 수도 있습니다.

코인 슬라이더

상위 10위: 초대형

웹사이트: https://extensions.typo3.org/extension/frsupersized/

jQuery 초대형 플러그인을 사용하면 전체 화면 배경으로 사진 슬라이드쇼를 만들 수 있습니다. 음, 배경 배너나 배너 슬라이드쇼도 만들 수 있습니다. 따라서 많은 양의 이미지에 의존하는 경우 이 jQuery 이미지 슬라이더 코드를 실행할 수 있습니다.

Supersized

상위 11위: 궤도

웹사이트: https://zurb.com/playground/orbit-jquery-image-slider

Orbit은 Zurb에서 개발한 경량 jQuery 슬라이드쇼 플러그인입니다. 매개변수가 있는 전체 HTML 캡션을 얻을 수 있습니다. 예를 들어 사용자 정의 가능한 클래스 및 ID로 스팬을 추가할 수 있습니다.

궤도

상위 12위: FSVS

웹사이트: https://github.com/lukesnowden/FSVS

FSVS는 Full Screen Vertical Slider의 약자입니다. 이 jQuery 플러그인은 CSS 전환을 사용합니다. 마우스 휠, 화살표 키, 터치 제스처 및 기타 기능을 즐길 수 있습니다.

FSVS

상위 13위: 스키퍼

웹사이트: http://austenpayan.github.io/skippr/

Skippr의 설정은 매우 쉽습니다. jquery.skippr.css를 head 태그 안에 넣으면 됩니다. 그런 다음 닫는 본문 태그 앞에 skippr.js를 삽입합니다. 나중에 필요한 전환 유형을 자유롭게 지정할 수 있습니다.

스키퍼

상위 14위: ItemSlide.js

홈페이지: http://itemslide.github.io/

이 jQuery 캐러셀을 사용하여 터치 스와이프 및 마우스 휠 스크롤 기능을 구현할 수 있습니다. 글쎄, 여기에서 슬라이드쇼의 항목을 탐색하는 것이 지원됩니다. 결과적으로 자동 슬라이드쇼 HTML을 생성하는 것이 전보다 훨씬 쉬워질 것입니다.

ItemSlide.js

상위 15위: 플렉시셀

웹사이트: http://9bitstudios.github.io/flexisel/

Flexisel Responsive Carousel jQuery 플러그인은 jQuery와 함께 같은 해에 출시되었습니다. 다른 이미지 캐러셀과 비교할 때 오랜 역사를 가지고 있습니다. 이 jQuery 플러그인을 적용하면 창 길이에 맞게 페이지 크기가 자동으로 조정됩니다. 따라서 Flexisel은 모바일 및 태블릿 장치용으로 널리 사용되는 jQuery 캐러셀 슬라이더입니다.

플렉시셀

상위 16위: 필름롤

홈페이지: http://straydogstudio.github.io/film_roll/

FilmRoll은 선택한 항목을 페이지 중앙에 스마트하게 배치할 수 있습니다. 선택한 그림이 컨테이너보다 작으면 회전하거나 추가로 변경하지 않습니다. 또한 스 와이프 이동 및 외부 버튼도 여기에서 지원됩니다.

필름롤

상위 17위: 북블럭

웹사이트: https://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/

BookBlock을 통해 사용자 정의 콘텐츠로 소책자 같은 구성 요소를 만들 수 있습니다. 실제로 삽입한 모든 이미지나 텍스트는 페이지 넘기기 내비게이션으로 변환할 수 있습니다.

북블럭

워드프레스를 더 매력적으로 만들고 싶다면? 글쎄, 당신은 게시물을 확인하여 자세한 내용을 알 수 있습니다 WordPress 슬라이드쇼 플러그인.

파트 2: 초보자를 위한 최고의 jQuery 슬라이드쇼 대안

비디오/음악/사진 슬라이드쇼를 만들고 싶다면 JavaScript jQuery 슬라이드쇼 플러그인을 사용할 필요가 없습니다. Aiseesoft로 향할 수 있습니다. 슬라이드 쇼 작성자 사용하기 쉽고 강력한 기능도 얻을 수 있습니다. 3단계 내에서 손쉽게 멋진 슬라이드쇼를 만들 수 있습니다.

슬라이드 쇼

다음은 슬라이드쇼를 만드는 방법에 대한 비디오입니다. 클릭하여 확인하세요.

Slideshow Creator - 2020년 최고의 비디오 및 사진 슬라이드쇼 제작 소프트웨어! 재생 버튼

또한 생성된 슬라이드쇼 파일을 필요한 형식으로 출력할 수 있습니다. 비디오 해상도는 최대 1080HD까지 조정할 수 있습니다. iPhone X 및 기타 휴대용 장치에서 슬라이드쇼 비디오를 재생하려는 경우에도 지원됩니다. 대체로 초보자와 전문가 모두 여기에서 위의 jQuery 슬라이드쇼 라이브러리를 활용할 수 있습니다.

이 게시물에 대해 어떻게 생각하세요?

우수한

평점: 4.8 / 5 (291표 기준)

저자 사진

15년 2020월 15일 07:XNUMX / 업데이트 영상을 편집하다

Disqus 아이콘귀하의 의견을 남기고 토론에 참여하십시오