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

Full Width Slider 2

— 추가 기능 WorldWideScripts.net 에

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

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


Full Width Slider 2 - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

전체 폭 슬라이더 2는 전체 화면 폭에 최적화 된 jQuery를 이미지 슬라이더를 사용하기 쉽습니다.

풍모

- jQuery를 구동.
- 응답 디자인.
- 조정 전환 속도.
- 호버에 일시 정지와 자동 슬라이드 쇼.
- 모든 주요 브라우저 (Internet Explorer 8 이상, 크롬, 파이어 폭스, 사파리와 오페라)와 호환
- 각 슬라이드에 제목, 설명 및 링크 버튼을 추가 할 수 있습니다.

새로운 방법 :

addSlide - Adds slide to the slider 
start - Starts the slider
restart - Restart the slider
destroy - Remove the slider

새로운 옵션 :

 cs - Current slide; 0 - first, 1 - second etc... 
expandDuration - Initial height animation duration, milliseconds
linktext - Button Text
titleHTML - Custom HTML for the Title (ex. <h4>%title%</h4> )
descriptionHTML - Custom HTML for the Description (ex. <p>%desc%</p> )
linkHTML – Custom HTML for the link button (ex. <a href="%link%">%linktext%</a> )
beforeInit – Function to run before slider init
afterInit – Function to run after slider init
slideStart – Function to run on slide start, returns the slide object
slideEnd – Function to run on slide end, returns the slide object

모든 설정 예 :

 <스크립트 유형 = "텍스트 / 자바 스크립트"> $ (문서).ready (함수 () { // 새로운 슬라이더 인스턴스를 생성 VAR my_slider = $ ( '. 예를 들어') fws2 ().; // 설정 슬라이더 설정 (옵션) 당신은 완전히이 블록을 무시할 수 있습니다 my_slider.settings ({ CS : 0, // 현재 슬라이드; 0 - 첫 번째, 1 - 제 등... 기간 : 750, // 슬라이드 기간; (밀리 초) hoverpause : 1, 호버에 일시 정지 //; 1 - 예, 0 - 없음 일시 : 6000, 전에 다음 슬라이드로 이동 일시 정지 //; (밀리 초) 화살표 : 1, // 표시 화살표; 1 - 예, 0 - 없음 총알 : 0, // 디스플레이 총알; 1 - 예, 0 - 없음 expandDuration : 750, // 표시 화살표; 1 - 예, 0 - 없음 linktext : // 단추 텍스트 (글로벌 설정) '자세히보기' // 고급 옵션 titleHTML : '<H4> % 제목 % </ H4>', // 제목에 대한 사용자 정의 HTML descriptionHTML : '<P> % DESC % </ P>'설명, // 사용자 정의 HTML linkHTML '<a href="%link%"> % linktext % </a>에', // 사용자 정의 HTML의 링크 버튼 beforeInit : 함수 () {} // 기능 슬라이더 초기화하기 전에 실행 afterInit : 함수 () {} // 기능 슬라이더 초기화 후 실행 slideStart : 기능 (슬라이드) {} // 슬라이드 시작에서 실행하는 기능, 슬라이드 개체를 반환 slideEnd : 기능 (슬라이드) {} 슬라이드 끝에서 실행 // 기능, 슬라이드 개체를 반환 }); // 추가 슬라이드 my_slider.addSlide ({ 이미지 : 'IMG / slide_1.jpg', // 이미지 소스 제목 : '슬라이드 1', // 제목 설명 : '설명', // 슬라이드 설명 linktext : '', // 버튼 텍스트 (선택 사항, 그렇지 않으면 글로벌 설정을 사용합니다) 링크 '에 http : // 웹 사이트'// 더 많은 URL 링크 읽기 }); 슬라이더를 시작 // my_slider.start (); }); </ SCRIPT> 

체인을 사용하여 변수없이 짧은 예 :

 <스크립트 유형 = "텍스트 / 자바 스크립트"> $ (문서).ready (함수 () { $ ( '. 예 1') .fws2 ({총알 : 1, 화살표 : 0}) .addSlide ({이미지 : 'IMG / slide_1.jpg', 제목 '슬라이드 1'설명 : '설명'링크 '에 http : // 웹 사이트'}) .addSlide ({이미지 : 'IMG / slide_2.jpg', 제목 '슬라이드 2', 설명 : '설명'링크 '에 http : // 웹 사이트'}) .addSlide ({이미지 : 'IMG / slide_3.jpg', 제목 '슬라이드 3', 설명 : '설명'링크 '에 http : // 웹 사이트'}) .스타트(); }); </ SCRIPT> 

예 콜백 함수를 사용하여

 <스크립트 유형 = "텍스트 / 자바 스크립트"> $ (문서).ready (함수 () { VAR example_slider = $ ( '. 예 2') fws2 ().; example_slider.settings ({ afterInit : 함수 () { 경고 ( '슬라이더 준비!'); }, slideEnd : 기능 (슬라이드) { VAR 제목 = slide.find ( "제목.") 텍스트 ().; 경고 (+ 제목 '이다'); } }); example_slider.addSlide ({이미지 : 'IMG / slide_1.jpg', 제목 '슬라이드 1'설명 : '설명'링크 '에 http : // 웹 사이트'}); example_slider.addSlide ({이미지 : 'IMG / slide_2.jpg', 제목 '슬라이드 2', 설명 : '설명'링크 '에 http : // 웹 사이트'}); example_slider.addSlide ({이미지 : 'IMG / slide_3.jpg', 제목 '슬라이드 3', 설명 : '설명'링크 '에 http : // 웹 사이트'}); example_slider.start (); }); </ SCRIPT> 

예 HTML을 사용자 정의

 <스크립트 유형 = "텍스트 / 자바 스크립트"> $ (문서).ready (함수 () { VAR example_slider = $ ( '. Example4를') fws2 ().; example_slider.settings ({ titleHTML : '<H1> <a href="%link%"> % 제목 % </A> </ H1>', descriptionHTML : '<P> <I 클래스 = "FA FA-확인​​"/> <SPAN> % DESC % </ SPAN> </ P>', linktext '자세히보기' linkHTML '<a href="%link%"> % linktext % % 제목 % </a>에 대해' }); example_slider .addSlide ({이미지 : 'IMG / slide_1.jpg', 제목 '슬라이드 1'설명 : '설명'링크 '에 http : // 웹 사이트'}) .addSlide ({이미지 : 'IMG / slide_2.jpg', 제목 '슬라이드 2', 설명 : '설명'링크 '에 http : // 웹 사이트'}) .addSlide ({이미지 : 'IMG / slide_3.jpg', 제목 '슬라이드 3', 설명 : '설명'링크 '에 http : // 웹 사이트'}) .스타트(); }); </ SCRIPT> 

최신 정보!

에 우리를 따르라 페이스 북 이나 트위터 와 아이템 업데이트 및 향후 플러그인과 스크립트에 대한 최신 뉴스를 얻을!

당신은 또한 우리를 따라 할 수 인스 타 그램 우리의 플러그인과 스크립트를 설치하는 방법에 대한 비디오 자습서와 함께 유튜브에 빨리와!

변경 내역

2015년 12월 8일

- 자바 스크립트 코드를 다시 작성되었습니다.
- imagesloaded.js 스크립트는 이제 선택 사항입니다.
- HTML은 제거되었습니다. 이제 완전히 자바 스크립트에서 구축된다.
-이 더 이상 사용되지 않습니다 구글 글꼴 링크가 머리에서 제거됩니다.
- 현재 슬라이더) ($ (선택)를 사용하여.fws2 초기화되고;

- 새로운 방법 :

 addSlide - Adds slide to the slider 
start - Starts the slider
restart - Restart the slider
destroy - Remove the slider

- 새로운 옵션 :

 cs - Current slide; 0 - first, 1 - second etc... 
expandDuration - Initial height animation duration, milliseconds
linktext - Button Text
titleHTML - Custom HTML for the Title (ex. <h4>%title%</h4> )
descriptionHTML - Custom HTML for the Description (ex. <p>%desc%</p> )
linkHTML – Custom HTML for the link button (ex. <a href="%link%">%linktext%</a> )
beforeInit – Function to run before slider init
afterInit – Function to run after slider init
slideStart – Function to run on slide start, returns the slide object
slideEnd – Function to run on slide end, returns the slide object

2014년 4월 10일

- 슬라이더는 이제 페이지에 여러 인스턴스를 지원합니다.
- 총알 탐색을 추가했습니다.
- 화살표 / 글 머리 기호 탐색 이제 설정 / 해제 할 수 있습니다.
- 마우스 오버에 autoslide 정지를 해제하는 옵션을 추가했습니다.
- 슬라이더는 이제 글꼴 멋진 대신 탐색 화살표과 총알에 대한 이미지를 사용합니다.
- 추가 된 키보드 / 오른쪽 화살표 탐색을 떠났다.


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

속성을 선택합니다

생성:
16 11월 12일

마지막 업데이트:
8 12월 15일

높은 해상도:

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

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

소프트웨어 버전:
jQuery를

키워드

전자 상거래, 전자 상거래, 모든 상품, 완전한, 자바 스크립트, jQuery를, JS, 대답하는, 슬라이더, 슬라이드 쇼, 폭