jQuery는 경량 JavaScript 라이브러리입니다. 예를 들어 여러 줄이 아닌 한 줄로 동일한 작업을 수행할 수 있습니다. 또한 jQuery는 JavaScript 코드뿐만 아니라 AJAX 호출 및 DOM 조작도 단순화할 수 있습니다. 더 구체적으로 말하자면 웹사이트에서 JavaScript를 사용하는 동안 절반의 노력으로 두 배의 결과를 얻을 수 있습니다.
따라서 이 기사에서는 인기 있는 17가지를 소개합니다. jQuery 슬라이드 쇼 플러그인. 음, 슬라이드쇼를 추가하는 것은 더 이상 번거롭지 않습니다. 각 JavaScript 슬라이드쇼 코드에는 고유한 기능이 있습니다. 여기에서 좋아하는 jQuery 플러그인을 읽고 얻을 수 있습니다.
JavaScript 및 jQuery 슬라이드쇼용 핫 플러그인입니다. jQuery 코드가 너무 많으면 페이지 로딩 속도가 느려질 수 있습니다. 따라서 페이지당 하나의 jQuery 슬라이더 플러그인을 사용하는 것이 좋습니다.
웹사이트: http://slidesjs.com/
jQuery SlidesJS는 터치 및 CSS3 전환을 제공합니다. 모든 화면에 쉽게 적용되는 반응형 슬라이드쇼를 만들 수 있습니다. 따라서 귀하의 웹사이트는 컴퓨터와 스마트폰 모두에서 제대로 작동합니다.
웹사이트: https://skitter-slider.net/
다양한 애니메이션과 옵션이 포함된 Skitter는 반응이 빠른 무료 jQuery 슬라이더 플러그인입니다. 예를 들어 점, 화살표 또는 숫자를 탐색으로 사용할 수 있습니다.
웹사이트: http://jquery.malsup.com/cycle/
다양한 전환 효과를 지원하는 jQuery 슬라이드쇼 플러그인입니다. 마우스 오버 시 일시 중지, 자동 맞춤, 자동 중지 등을 설정할 수 있습니다. 이름에서 알 수 있듯이 "순환" 효과를 쉽게 얻을 수 있습니다.
웹사이트: https://themeisle.com/plugins/nivo-slider/
jQuery Nivo 슬라이더에서 16가지 전환 효과와 키보드 탐색 및 사용자 지정 가능한 설정을 얻을 수 있습니다. 또한 이 jQuery 슬라이더 플러그인은 WordPress에서도 작동합니다. 원한다면 할 수도 있습니다 Tumblr 슬라이드쇼 만들기 워드프레스에서도.
웹사이트: http://www.jquerycode.com/lightboxes/popeye/
jQuery Popeye를 사용하면 일반 페이지 흐름을 벗어나지 않고 다양한 이미지를 표시할 수 있습니다. 따라서 이 인라인 라이트박스 대안을 사용하여 공간을 절약할 수 있습니다.
홈페이지: https://galleria.io/
Galleria는 MIT 라이선스로 출시된 클래식 jQuery 테마입니다. 웹 및 모바일 장치용 사진 갤러리를 쉽게 만들 수 있습니다. 또한 프리미엄 버전으로 업그레이드하여 더 많은 테마를 얻을 수도 있습니다.
웹사이트: http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm
당연히 Simple Controls Gallery를 실행하여 이미지를 슬라이드쇼로 표시할 수 있습니다. 이 jQuery 플러그인을 사용하면 슬라이드쇼를 수동 또는 자동으로 제어할 수 있습니다.
웹사이트: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html
몇 줄의 HTML을 작성하여 정렬되지 않은 사진 목록이 있는 이미지 갤러리를 만들 수 있습니다. 따라서 빠르게 클릭하여 갤러리를 앞뒤로 탐색할 수 있습니다.
웹사이트: http://workshop.rs/projects/coin-slider/
Coin Slider는 Android 및 iPhone과 호환되는 가벼운 jQuery 슬라이드쇼 플러그인입니다. 글쎄, 여기에서 독특한 전환 효과와 유효한 메이크업 기능을 얻을 수도 있습니다.
웹사이트: https://extensions.typo3.org/extension/frsupersized/
jQuery 초대형 플러그인을 사용하면 전체 화면 배경으로 사진 슬라이드쇼를 만들 수 있습니다. 음, 배경 배너나 배너 슬라이드쇼도 만들 수 있습니다. 따라서 많은 양의 이미지에 의존하는 경우 이 jQuery 이미지 슬라이더 코드를 실행할 수 있습니다.
웹사이트: https://zurb.com/playground/orbit-jquery-image-slider
Orbit은 Zurb에서 개발한 경량 jQuery 슬라이드쇼 플러그인입니다. 매개변수가 있는 전체 HTML 캡션을 얻을 수 있습니다. 예를 들어 사용자 정의 가능한 클래스 및 ID로 스팬을 추가할 수 있습니다.
웹사이트: https://github.com/lukesnowden/FSVS
FSVS는 Full Screen Vertical Slider의 약자입니다. 이 jQuery 플러그인은 CSS 전환을 사용합니다. 마우스 휠, 화살표 키, 터치 제스처 및 기타 기능을 즐길 수 있습니다.
웹사이트: http://austenpayan.github.io/skippr/
Skippr의 설정은 매우 쉽습니다. jquery.skippr.css를 head 태그 안에 넣으면 됩니다. 그런 다음 닫는 본문 태그 앞에 skippr.js를 삽입합니다. 나중에 필요한 전환 유형을 자유롭게 지정할 수 있습니다.
홈페이지: http://itemslide.github.io/
이 jQuery 캐러셀을 사용하여 터치 스와이프 및 마우스 휠 스크롤 기능을 구현할 수 있습니다. 글쎄, 여기에서 슬라이드쇼의 항목을 탐색하는 것이 지원됩니다. 결과적으로 자동 슬라이드쇼 HTML을 생성하는 것이 전보다 훨씬 쉬워질 것입니다.
웹사이트: http://9bitstudios.github.io/flexisel/
Flexisel Responsive Carousel jQuery 플러그인은 jQuery와 함께 같은 해에 출시되었습니다. 다른 이미지 캐러셀과 비교할 때 오랜 역사를 가지고 있습니다. 이 jQuery 플러그인을 적용하면 창 길이에 맞게 페이지 크기가 자동으로 조정됩니다. 따라서 Flexisel은 모바일 및 태블릿 장치용으로 널리 사용되는 jQuery 캐러셀 슬라이더입니다.
홈페이지: http://straydogstudio.github.io/film_roll/
FilmRoll은 선택한 항목을 페이지 중앙에 스마트하게 배치할 수 있습니다. 선택한 그림이 컨테이너보다 작으면 회전하거나 추가로 변경하지 않습니다. 또한 스 와이프 이동 및 외부 버튼도 여기에서 지원됩니다.
웹사이트: https://tympanus.net/codrops/2012/09/03/bookblock-a-content-flip-plugin/
BookBlock을 통해 사용자 정의 콘텐츠로 소책자 같은 구성 요소를 만들 수 있습니다. 실제로 삽입한 모든 이미지나 텍스트는 페이지 넘기기 내비게이션으로 변환할 수 있습니다.
워드프레스를 더 매력적으로 만들고 싶다면? 글쎄, 당신은 게시물을 확인하여 자세한 내용을 알 수 있습니다 WordPress 슬라이드쇼 플러그인.
비디오/음악/사진 슬라이드쇼를 만들고 싶다면 JavaScript jQuery 슬라이드쇼 플러그인을 사용할 필요가 없습니다. Aiseesoft로 향할 수 있습니다. 슬라이드 쇼 작성자 사용하기 쉽고 강력한 기능도 얻을 수 있습니다. 3단계 내에서 손쉽게 멋진 슬라이드쇼를 만들 수 있습니다.
다음은 슬라이드쇼를 만드는 방법에 대한 비디오입니다. 클릭하여 확인하세요.
또한 생성된 슬라이드쇼 파일을 필요한 형식으로 출력할 수 있습니다. 비디오 해상도는 최대 1080HD까지 조정할 수 있습니다. iPhone X 및 기타 휴대용 장치에서 슬라이드쇼 비디오를 재생하려는 경우에도 지원됩니다. 대체로 초보자와 전문가 모두 여기에서 위의 jQuery 슬라이드쇼 라이브러리를 활용할 수 있습니다.