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

Slider

— 추가 기능 WorldWideScripts.net 에

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

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


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

슬라이더는 원하는 창 크기에 맞지 않는 수평입니다 정렬 된 콘텐츠를 할 수 있습니다. 당신이 원하는만큼 많은 항목을 넣을 수 있습니다. 항목은 이미지, 레이블 및 링크로 구성되어 있습니다. 당신은 당신이 모두 또는 하나 또는 두 개의 항목에 대한 링크 텍스트를 대체 할 수 있습니다합니다.

사용 방법

PrototypeJS과 script.aculo.us의 (효과 + dragp & 드롭)를 포함 한 후, 파일 slider.js (객체)와 파일 slider.css (스타일)를 포함한다.

그런 다음, 다만 윈도우 부하에이 같은 것을 포함한다 :

 새로운 슬라이더 ({ "슬라이더" "슬라이더 TEST1" "항목": { "파일": "heroes.jpg", "라벨": "영웅", "링크": "http://www.hulu.com/heroes"}, { "파일": "prisonbreak.jpg", "라벨": "프리즌 브레이크", "링크": "http://www.hulu.com/prison-break"} ] }); 

이 코드는 ID "슬라이더 테스트"가 요소에 슬라이더를 작성합니다. 영웅과 프리즌 브레이크 : 그것은 2 항목이 있습니다.

슬라이더 옵션

다음 목록은 슬라이더에 사용할 수있는 모든 옵션을 보여줍니다.
  • 슬라이더 - 슬라이더 부모 개체 또는 ID
  • itemWidth - 슬라이드 폭 (기본값은 320입니다)
  • ItemHeight를 - 슬라이드 높이 (기본값은 200입니다)
  • 경로 - 슬라이드 이미지 경로 (기본값은 "이미지 /")
  • linkText - 슬라이드 기본 링크 텍스트 (기본값은 "보기"입니다)
  • 애니메이션 - 슬라이더를 애니메이션 (기본값은 사실이다). 당신이 드래을 클릭 할 때까지 슬라이더는 스크롤을 유지합니다.
  • animationDelay - 애니메이션 사이의 시간 (초) (기본값은 5입니다)
  • slideDelay - 슬라이드 효과의 시간 (초) (기본값은 1)
  • slideLoop - 첫 번째로 마지막 항목, 루프에 도달 할 때? (기본값은 true입니다)
  • onClick에 - 아이템 링크를 클릭하면 이벤트 (기본값은 none입니다)라고

특정 항목이나 기본 콜백을 클릭하면 그 대신 각 항목에 대한 링크를 제공하고, 당신은 콜백 기능을 설정할 수있다. 당신은 기본 콜백을 설정하면, 그것은 항상 호출됩니다 더 링크가 사용되지 않습니다 것을 알 수 있습니다.

 새로운 슬라이더 ({ "슬라이더" "슬라이더 TEST1" "onClick에"기능 (항목) { 경고 ( "당신은 항목을 클릭"+ item.get ( "상표")); } "항목": { "파일": "heroes.jpg", "라벨": "영웅"}, { "파일": "prisonbreak.jpg", "라벨": "프리즌 브레이크", "onClick에"함수 () {경고 ( "당신은 탈옥을 클릭!"); }} ] }); 

이 항목은 특정 콜백을 가지고 있기 때문에 앞의 코드에서 기본 콜백은 "프리즌 브레이크"에 대한 항목을 "영웅"에 대한하지만 호출됩니다.

에서 데모를 확인 http://envato.diogoresende.net/slider/


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

속성을 선택합니다

생성:
24 2월 10일

마지막 업데이트:
N / A

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

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

JS 라이브러리:
프로토 타입 1.6, Script.aculo.us

키워드

전자 상거래, 전자 상거래, 모든 상품, 기치, 슬라이딩