찾다

집 >웹 프론트엔드 >JS 튜토리얼 >이미지/내용을위한 100 개의 jQuery 슬라이더 (2 부)

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

Lisa Kudrow
Lisa Kudrow원래의
2025-02-28 01:10:10573검색

이 기사에서는 이미지 및 내용에 대한 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

    php JavaScript html5 jquery css3 html for xml auto using JS this prototype transition animation input ui WordPress
    성명：
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    이전 기사：모든 유형의 입력에 대한 jQuery 설정 값다음 기사：모든 유형의 입력에 대한 jQuery 설정 값

    관련 기사

    더보기