WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Vertical Sidebar Gallery - jQuery Slider

— 추가 기능 WorldWideScripts.net 에

@ko1wws최신 상태로 유지 하기 위해 우리의 피드를 구독!

새로운! 당신이 그것을 원하는대로 우리를 따르라!


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

수직 사이드 갤러리는 세 가지 회전 각도와 멋진 수직 이미지 슬라이더를 만들 jQuery 플러그인과 테마 템플릿입니다. 수직 사이드 갤러리 웹 사이트의 사이드 바을위한 완벽한 동반자입니다. 당신은 이미지 갤러리 또는 기능을 갖춘 후 스크롤로 사용할 수 있습니다. 제한된 공간에 콘텐츠를 무제한 놔! 당신은 콘텐츠의 HTML을 생성해야하고 갤러리 나머지를 할 것입니다. 그것은 직관적, 최신 유행, 그리고 모든 웹 사이트의 사용자 경험을 향상시킬 것입니다.

어떻게 플러그인을 사용 하는가? 기본적으로 당신은 basic.html 파일을 시작할 수 있습니다. 1. 복사 basic.html 파일에서 HTML (사이... 태그 코드). 3. necessare 자바 스크립트 파일을 포함 </ 링크에 rel = "스타일 시트"HREF = "CSS /있는 style.css"유형 = "텍스트 / CSS">이 : <스크립트 SRC = "JS / JQuery와 2. 갤러리 스타일을 스타일 시트를 포함 -1.7.1.min.js "> </ script> <스크립트 SRC ="JS / JQuery와 - 마우스 휠-3.0.6 / jquery.mousewheel.min.js를 "> </ script> <스크립트 SRC ="JS / flowslider.jquery.js "> </ script> <스크립트 SRC ="JS / vsg.flowslider.jquery.js "> </ 스크립트 jQuery 플러그인을 호출하여 갤러리를 사용하여> 4. 시작 :. <script> jQuery를 () 준비 ( 기능 ($) {$ ( "VSG-랩.") VerticalSidebarGallery ();.}); </ script>

. <script> jQuery를 () 준비 (함수 ($) {$ ( "VSG-랩.") VerticalSidebarGallery ({접두사 :. "VSG", // CSS 클래스 접두어 showHoverBars : 갤러리는 다음 옵션을 사용하여 사용자 지정하려면 사실 여부 //은 왼쪽 위 호버 메뉴 rotateVertical를 표시합니다 : 사실, 수직 회전 rotateHorizo​​ntal 사용 여부 // : 수평 회전의 rotateThumbnails 사용 여부 // 사실을 : 썸네일 회전을 사용할 수 있는지 여부 // 사실을 optionsSliderHorizo​​ntal : {}, 수평 슬라이더 optionsSliderVertical에 대한 // 흐름 슬라이더 옵션 : {} // 수직 슬라이더 optionsSliderThumbnail에 대한 흐름 슬라이더 옵션 : {} 축소 슬라이더에 대한 // 흐름 슬라이더 옵션});}); </ script>

더 나은 흐름 슬라이더의 옵션을 이해하려면 웹 사이트를 방문하는 것이 좋습니다. 예를 들어, 애​​니메이션없이 위치를 변경 수평 슬라이더를 만들려면, 그러나 즉시, 바로 optionsSliderHorizo​​ntal 설정 : {애니메이션 : "없음"}

귀하의 갤러리 수직 이미지 갤러리가 설치 오 디자인 테마와 함께 제공 사용자 정의합니다. .vsg - 나사없는,.vsg - 근접 촬영,.vsg 잔디, 또는.vsg - 콤보 : 그냥 피부 클래스 중 하나와 슬라이더 이상의 요소를 만들 수 있습니다. 당신이 당신의 디자인을 찾을 수없는 경우하지만, 이봐, 여전히 자신의 모양을 쉽게 만들 수 있습니다. 다만 CSS 스킨 파일 중 하나의 색상을 변경.

당신은 당신이 원하는 폭으로 수직 사이드 갤러리를 늘릴 수 귀하의 슬라이더의 크기를 변경합니다. 다섯 폭 옵션은 당신을 위해 설치됩니다.vsg-180,.vsg-200,.vsg-250,.vsg-300. 또는 크기 CSS 파일 중 하나를 사용자 정의하여 자신의 크기를 만들 수 있습니다.

멀티 썸네일 미리보기 이미지 두 개 이상의 이미지를 추가하고 무한한 이미지 회전은 그 이미지를 스크롤 생성됩니다.

3에서 1 슬라이더 세 슬라이더 전원이 템플릿 : 수평 패널 슬라이더, 세로 축소판 슬라이더, 수평 이미지 회전.

최고 탐색 위쪽 탐색 버튼을 클릭하거나 왼쪽 상단 네비게이션 전설을 유혹하여 상단 패널을 밀어 넣습니다.

마우스 휠 마우스 스크롤 휠을 사용하여 상단 패널의 내용을 스크롤 슬라이더 위에 커서를 놓습니다.

브라우저의 URL 해시와 갤러리를 통해 컨트롤러로 이동 해시. 예를 들어,이 페이지의 URL # 3을 추가하고 새로.

파이어 폭스, 인터넷 익스플로러, 크롬, 사파리, 오페라 : 브라우저 지원 수직 이미지 갤러리처럼, 모든 주요 브라우저를 지원합니다. CSS3 전환

CSS3 전환 속성을 지원합니다. 하드웨어 가속 CSS3 전환과 슬라이더를 작성합니다.

흐름 슬라이더이 템플릿은 endlesly 사용자 정의 슬라이딩 완벽한 보장 흐름 슬라이더 무료 jQuery 플러그인에 의해 제공됩니다.

사용자 정의 플러그인이 jQuery 플러그인을 사용할 때 옵션을 변경하여 갤러리의 모든 기능을 사용자 정의합니다.


다운로드 할 수 있습니다
해당 카테고리의 다른 구성 요소이 작성자 의 모든 구성 요소
의견자주하는 질문과 답변 을 요구했다

속성을 선택합니다

작성:
23 3월 12일

마지막 업데이트:
23 3월 12일

지원되는 브라우저:
IE6, IE7, IE8, IE9, 파이어 폭스, 사파리, 오페라, 크롬

파일 포함:
자바 스크립트 JS, HTML, CSS

소프트웨어 버전:
기타, jQuery를

키워드

전자 상거래, 전자 상거래, 모든 아이템, 회전 목마, 갱도, 영상, 인터페이스, 자바 스크립트 JS, JQuery와, 마우스 이동, 그림, 플러그인, 시사, 회선 근, 슬라이더, 미리보기, UI, 수직선