지역 사회
배우다
도구 라이브러리
AI 도구
여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 이미지/내용을위한 100 개의 jQuery 슬라이더 (2 부)

이미지/내용을위한 100 개의 jQuery 슬라이더 (2 부)

Lisa Kudrow
풀어 주다： 2025-02-28 01:10:10
원래의
569명이 탐색했습니다.

이 기사에서는 이미지 및 내용에 대한 100 개의 jQuery 슬라이더를 보여줍니다. 두 부분으로 분류됩니다. 이것은 2 부 (플러그인 51-100)입니다. JQuery 슬라이더는 방문자의 관심을 즉시 캡처하고 주요 비즈니스 기능 (이미지 슬라이더) 또는 우아하게 제시 정보 (콘텐츠 슬라이더)를 강조하는 데 탁월합니다. 이 슬라이더는 수평 스크롤, 다양한 전환 효과 (페이드, 슬라이드 등) 등 다양한 기능을 제공합니다. 각 슬라이더에는 고유 한 기능이 있으며 일부는 사용자 정의 가능한 전환, 자동 플레이 및 일시 정지 기능과 같은 고급 옵션을 갖추고 있습니다. 2 부 : jQuery 슬라이더 (51-100)

jQuery 이미지/뉴스 슬라이더 캡션 : 이미지, 캡션, 이전/다음 버튼, 일시 중지/재생, 마우스 오버 일시 중지 기능, 슬라이딩 효과, 조절 속도 및 동적 사이징.

소스 데모

    Jflow Plus : 가벼운 Jflow 슬라이더의 향상된 버전, 자동 슬라이드 및 일시 정지 기능이 있으며 진행중인 기능 업데이트가 있습니다.
  1. 소스 데모
Cu3er 이미지 슬라이더 : 3D 전환을 위해 처음 설계되었으며 다양한 웹 사이트 용도 (컨텐츠, 기능 슬라이더, 배너 회전기)에 적응할 수있는 다목적 슬라이더.

100 jQuery Sliders for Images/Content (Part 2) 소스 데모

간단한 iTunes와 같은 슬라이더 :
    iTunes 스토어 슬라이더와 유사한 슬라이더 생성에 대한 튜토리얼.
  1. 소스 데모
팬시 슬라이딩 형태 : 유효성 검사 피드백으로 단계를 통해 미끄러지는 공간 절약 형태.

100 jQuery Sliders for Images/Content (Part 2) 소스 데모

    방탄 컨텐츠 뷰어 :
  1. javaScript 비활성화 된 상태에서도 매력적이고 공간 절약 컨텐츠 뷰어 기능.
    2. 소스 데모

    두 개의 손잡이가있는 Mootools 슬라이더 : 사용자 정의 가능한 범위 표시기, 손잡이 및 트랙이있는 슬라이더. 100 jQuery Sliders for Images/Content (Part 2) 소스 데모

      추천 콘텐츠 슬라이더 (jQuery UI) :
    1. jQuery UI를 사용하여 자동 플레이 컨텐츠 슬라이더 생성에 대한 튜토리얼
      2. 소스 데모

      Ultra Versatile Slider (Mootools) : mootools를 사용한 수평 스크롤 및 애니메이션 효과가있는 매우 다재다능한 슬라이더. 100 jQuery Sliders for Images/Content (Part 2) 소스 데모

        Apple Style Slideshow :
      1. Apple 스타일 슬라이드 쇼 갤러리, 서버 측 구성 요소가 필요하지 않습니다.
        2. 소스 데모

        100 jQuery Sliders for Images/Content (Part 2) Resizedable Image Grid : 슬라이더 제어로 부드럽게 스케일링하는 이미지 그리드.

          소스 데모 kwicks : mootools 효과를 기반으로 한 고도로 사용자 정의 가능하고 다재다능한 jQuery 위젯.

        100 jQuery Sliders for Images/Content (Part 2) 소스 데모

HighSlide JS : javaScript 이미지, 미디어 및 갤러리 뷰어

  1. 소스 데모
      jQuery 도구 스크롤 가능 :
    1. 다양한 콘텐츠 유형에 대한 매우 유연한 스크롤 도구.
      2. 소스 데모

      jQuery Content Slider : 100 jQuery Sliders for Images/Content (Part 2) jQuery UI를 사용하여 컨텐츠 슬라이더 생성을 보여주는 튜토리얼.

      소스 데모
    2. 애니메이션 패닝 슬라이드 쇼 : 독특한 패닝 전환 효과가있는 슬라이드 쇼.
    소스 데모 100 jQuery Sliders for Images/Content (Part 2) 이미지 회전기 : 사용자 정의 이미지 회전기를 처음부터 구축하여 안내하는 튜토리얼.
      소스 데모 노출 : 많은 사진을 효율적으로 볼 수있는 jQuery 플러그인.
소스 데모 100 jQuery Sliders for Images/Content (Part 2) 시작/정지 슬라이더 : 시작/정지 버튼 및 향상된 애니메이션이있는 슬라이더. 소스 데모
  • 우주 갤러리 : 또 다른 이미지 갤러리 플러그인.
    • 소스 데모 100 jQuery Sliders for Images/Content (Part 2) 애니메이션 JavaScript 슬라이드 쇼 : 기능이 풍부하고 가벼운 JavaScript 슬라이드 쇼
      소스 데모
        yoxview :
      1. jQuery를 사용한 무료 이미지 및 비디오 뷰어 플러그인.
        2. 소스 데모

        간단한 슬라이드 : 100 jQuery Sliders for Images/Content (Part 2) 사용하기 쉬운 가볍고 유연한 jQuery 슬라이드 쇼 플러그인.

        소스 데모
      2. 슬라이드 데크 : 시각적으로 매력적인 디자인이있는 쉽게 볼 수있는 슬라이더.

      소스 데모 조각 제작자 :

      오픈 소스 3D 플래시 이미지 회전기 갤러리
      1. 소스 데모
        2. fancymoves :
      주 이미지와 키보드/화살표 탐색이 확대 된 jQuery 이미지 슬라이더.

      100 jQuery Sliders for Images/Content (Part 2) 소스 데모

      슬라이더 완화 : jQuery 완화 플러그인을 기반으로하는 WordPress 컨텐츠 슬라이더.
      1. 소스 데모
        2. Riva 슬라이더 :
      광범위한 사용자 정의 옵션이있는 사용자 친화적 인 슬라이드 쇼 제작자.

      100 jQuery Sliders for Images/Content (Part 2) 소스 데모

      궤도 :
        캡션 및 타이머 옵션이있는 다목적 jQuery 이미지 슬라이더.
      1. 소스 데모
          AnythingsLider :
        1. 동적 탐색 탭이있는 기능이 풍부한 jQuery 이미지 슬라이더.
          2. 소스 데모

          jQuery 배너 회전기 : 여러 전환, 크기 조정 및 구성 옵션이있는 jQuery 배너 회전기. 100 jQuery Sliders for Images/Content (Part 2) 소스 데모

            코인 슬라이더 :
          1. a jQuery 이미지 슬라이더가 독특한 시각적 효과를 가진 jQuery 이미지 슬라이더.
            2. 소스 데모

            사이클 : 다양한 전환 효과 및 고급 옵션을 지원하는 슬라이드 쇼 플러그인. 100 jQuery Sliders for Images/Content (Part 2) 소스 데모

            1. DragDealer : 다양한 유형의 이미지 슬라이더를 생성하고 상호 작용을 드래그하기위한 다목적 jQuery 플러그인.
              2. 소스 데모

              JQFancyTransitions : 100 jQuery Sliders for Images/Content (Part 2) 멋진 전환으로 슬라이드 쇼를 생성하기위한 사용하기 쉬운 jQuery 플러그인.

              소스 데모
            2. Horinaja : Scriptaculous/Prototype 또는 JQuery를 사용한 즉시 사용 가능한 슬라이드 쇼 구현.
            소스 데모 100 jQuery Sliders for Images/Content (Part 2) Agile Carousel : 사용자 정의 가능한 옵션 및 PHP 이미지 로딩이있는 jQuery 회전식 플러그인. 소스 데모
              슬리 디오 리온 : 결합 된 이미지 슬라이더와 아코디언, 설명이있는 이미지 표시.
            1. 소스 데모
            SliderWall : AN HTML5, CSS3 및 JavaScript 기반 슬라이더.

            100 jQuery Sliders for Images/Content (Part 2) 소스 데모

            슬라이더 키트 : 다양한 슬라이드 쇼와 같은 기능을 만들기위한 가볍고 유연한 플러그인.
            1. 소스 데모
              2. Rhinofader :
            최소한의 특징이있는 간단한 jQuery 페이드 슬라이더

            100 jQuery Sliders for Images/Content (Part 2) 소스 데모

            기본 jQuery 슬라이더 :
              특집 콘텐츠를위한 강력하고 간단한 슬라이드 쇼 플러그인.
            1. 소스 데모
            FlexSlider :

            완전히 반응 형 jQuery 슬라이더 플러그인 100 jQuery Sliders for Images/Content (Part 2) 소스 데모

              와우 슬라이더 : 다양한 시각 효과와 템플릿이있는 jQuery 이미지 슬라이더.
            1. 소스 데모
            고급 슬라이더 : XML 또는 HTML 마크 업을 사용하여 슬라이더 생성을 허용하는 jQuery 플러그인.

            100 jQuery Sliders for Images/Content (Part 2) 소스 데모

              Chopslider : CSS3 애니메이션을 사용하여 도마 효과가있는 슬라이더.
            1. 소스 데모
            이미지 상자 병합 : 썸네일이 선택한 이미지를 형성하기 위해 애니메이션하는 슬라이더.

            100 jQuery Sliders for Images/Content (Part 2) 소스 데모

            풀 페이지 이미지 갤러리 :
              스크롤 가능한 썸네일 및 전체 화면 미리보기가있는 풀 페이지 갤러리.
            1. 소스 데모

            모자이크! jQuery 플러그인 : 애니메이션 옵션으로 슬라이딩 박스와 캡션을 생성하는 플러그인. 100 jQuery Sliders for Images/Content (Part 2) 소스 데모

            1. 썸네일 플립이 포함 된 전체 화면 갤러리 : 탐색 중에 뒤집는 측면 썸네일이있는 전체 화면 갤러리.
            소스 데모 100 jQuery Sliders for Images/Content (Part 2) 자주 묻는 질문 (faqs) FAQS 섹션은 jQuery 슬라이더 사용자 정의, 여러 슬라이더 추가, 모바일 호환성 추가, 레이블 및 툴팁 추가, 비디오 재생 제어, jQuery UI가없는 슬라이더를 사용하고 진드기/마크 추가, 이산 단계 생성, 데이터 필터링 등의 일반적인 질문을 다룹니다. (원래 입력의 상세한 답변은 간결하게 설명하지만, 주제는 완전성을 위해 나열됩니다.) 자리 표시자를 실제 데모 링크로 바꾸는 것을 잊지 마십시오.

            .

    위 내용은 이미지/내용을위한 100 개의 jQuery 슬라이더 (2 부)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    이전 기사：모든 유형의 입력에 대한 jQuery 설정 값 다음 기사：10 유용한 CSS 그래프 및 차트 자습서 및 기술
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    저자별 최신 기사
    최신 이슈
    function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...
    에서 2024-04-29 11:01:01
    0
    3
    2858
    Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?
    에서 2024-04-23 00:22:19
    0
    11
    2996
    자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
    에서 2024-04-19 15:37:47
    0
    1
    2491
    상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');
    에서 2024-04-18 23:52:34
    0
    1
    2424
    CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어
    에서 2024-04-16 10:10:18
    0
    0
    2466
    관련 주제
    더>
    인기 추천
    인기 튜토리얼
    더>
    관련 튜토리얼
    인기 추천
    최신 강좌
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿