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

— Add-on เพื่อ WorldWideScripts.net

สมัครสมาชิกฟีด ของเรา จะอยู่ถึง วันที่ !

ใหม่! ติดตามเรา ตามที่คุณต้องการ!


Full Width Slider 2 - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

เลื่อนความกว้างเต็ม 2 เป็นเรื่องง่ายที่จะใช้เลื่อนภาพ jQuery เหมาะสำหรับความกว้างเต็มหน้าจอ

คุณลักษณะเด่น

- jQuery ขับเคลื่อน
- การออกแบบที่ตอบสนองต่อ
- ปรับความเร็วการเปลี่ยนแปลง
- การแสดงภาพสไลด์อัตโนมัติหยุดบนเลื่อน
- เข้ากันได้กับเบราว์เซอร์ที่สำคัญทั้งหมด (IE8 ขึ้นไป Chrome, Firefox, Safari และ Opera)
- สามารถเพิ่มชื่อคำอธิบายและปุ่มเชื่อมโยงไปยังแต่ละภาพนิ่ง

วิธีการใหม่:

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

ตัวอย่างเช่นมีการตั้งค่าทั้งหมด:

 <ชนิดสคริปต์ = "text / javascript ของ"> $ (เอกสาร).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> ", // กำหนดเอง HTM​​L สำหรับชื่อ descriptionHTML: '<p>% เรียง% </ p> ", // HTML ที่กำหนดเองสำหรับคำอธิบาย linkHTML: <a href="%link%">% linktext% </a> ", // HTML ปุ่มที่กำหนดเองสำหรับการเชื่อมโยง beforeInit: ฟังก์ชั่น () {} // ฟังก์ชั่นการทำงานก่อน init เลื่อน afterInit: ฟังก์ชั่น () {} // ฟังก์ชั่นการทำงานหลังจาก init เลื่อน slideStart: ฟังก์ชั่น (ภาพนิ่ง) {} // ฟังก์ชั่นการทำงานในการเริ่มต้นสไลด์กลับวัตถุสไลด์ slideEnd: ฟังก์ชั่น (ภาพนิ่ง) {} ฟังก์ชั่นการทำงานในตอนท้ายสไลด์ // กลับวัตถุสไลด์ }); // การเพิ่มสไลด์ my_slider.addSlide ({ รูปภาพ: 'img / slide_1.jpg ", // แหล่งที่มาของภาพ ชื่อเรื่อง: 'สไลด์ 1 ", // ชื่อเรื่อง คำอธิบาย: คำอธิบาย ", // สไลด์คำอธิบาย linktext: '', // ข้อความปุ่ม (ไม่จำเป็นจะใช้การตั้งค่าระดับโลกอื่น ๆ ) การเชื่อมโยง: 'http: // เว็บไซต์' // อ่านเชื่อมโยง URL เพิ่มเติม }); // เริ่มเลื่อน my_slider.start (); }); </ script> 

ตัวอย่างสั้นโดยไม่ต้องตัวแปรโดยใช้ผูกมัด:

 <ชนิดสคริปต์ = "text / javascript ของ"> $ (เอกสาร).ready (ฟังก์ชั่น () { $ ('. example1) .fws2 ({กระสุน: 1, ลูกศร: 0}) .addSlide ({ภาพ: 'img / slide_1.jpg' ชื่อเรื่อง: 'สไลด์ 1' คำอธิบาย: 'คำอธิบาย' เชื่อมโยง 'http: // เว็บไซต์'}) .addSlide ({ภาพ: 'img / slide_2.jpg' ชื่อเรื่อง: 'สไลด์ 2', รายละเอียด: 'คำอธิบาย' เชื่อมโยง 'http: // เว็บไซต์'}) .addSlide ({ภาพ: 'img / slide_3.jpg' ชื่อเรื่อง: 'สไลด์ 3', รายละเอียด: 'คำอธิบาย' เชื่อมโยง 'http: // เว็บไซต์'}) .start (); }); </ script> 

ตัวอย่างการใช้ฟังก์ชันการเรียกกลับ

 <ชนิดสคริปต์ = "text / javascript ของ"> $ (เอกสาร).ready (ฟังก์ชั่น () { var example_slider = $ ('. example2) fws2 (). example_slider.settings ({ afterInit: ฟังก์ชั่น () { การแจ้งเตือน (Slider พร้อม! '); } slideEnd: ฟังก์ชั่น (ภาพนิ่ง) { var title = 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> 

ตัวอย่างการปรับแต่ง HTM​​L

 <ชนิดสคริปต์ = "text / javascript ของ"> $ (เอกสาร).ready (ฟังก์ชั่น () { var example_slider = $ ('. Example4) fws2 (). example_slider.settings ({ titleHTML: '<h1> <a href="%link%">% ชื่อ% </a> </ h1>' descriptionHTML: '<p> <i class = "ฟะฟะตรวจสอบ" /> <span>% เรียง% </ 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: // เว็บไซต์'}) .start (); }); </ script> 

อยู่ถึงวันที่!

ติดตามเราได้ที่ Facebook หรือ Twitter และได้รับข่าวสารล่าสุดเกี่ยวกับการปรับปรุงรายการและปลั๊กอินที่จะเกิดขึ้นและสคริ!

นอกจากนี้คุณยังสามารถติดตามเราได้ที่ Instagram และเร็ว ๆ นี้บน YouTube มีวิดีโอสอนวิธีการติดตั้งปลั๊กอินและสคริปของเรา!

การเปลี่ยนแปลง

8 ธันวาคม 2015

- รหัสจาวาสคริได้รับการเขียนใหม่
- สคริปต์ imagesloaded.js เป็นตัวเลือกในขณะนี้
- HTML ได้ถูกลบออก ตอนนี้มันเป็นสมบูรณ์สร้างจากจาวาสคริปต์
- การเชื่อมโยงตัวอักษร Google จะถูกลบออกจากหัวในขณะที่มันไม่ได้ใช้
- เลื่อนจะเริ่มต้นได้ในขณะนี้โดยใช้ $ (เลือก).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

10 เมษายน 2014

- เลื่อนในขณะนี้สนับสนุนหลายกรณีในหน้า
- เพิ่มระบบนำทางกระสุน
- ลูกศร / นำทางกระสุนสามารถเปิด / ปิดในขณะนี้
- ตัวเลือกที่เพิ่มเข้ามาเพื่อปิดใช้งาน autoslide หยุดโพสต์
- เลื่อนตอ​​นนี้ใช้ตัวอักษรที่น่ากลัวแทนภาพสำหรับลูกศรนำทางและกระสุน
- แป้นพิมพ์เพิ่มซ้าย / ลูกศรขวา


ดาวน์โหลด
ส่วนประกอบอื่น ๆ ในประเภทนี้ส่วนประกอบทั้งหมดของ ผู้เขียนคนนี้
ความเห็นคำถามที่พบบ่อย และคำตอบ

คุณสมบัติ

ที่สร้าง:
16 พฤศจิกายน 12

การปรับปรุงครั้งล่าสุด:
8 ธันวาคม 15

ความละเอียดสูง:
ใช่

เบราว์เซอร์ที่เข้ากันได้:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

รวมไฟล์:
JS JavaScript, HTML, CSS

ซอฟแวร์เวอร์ชั่น:
jQuery

คำหลัก

อีคอมเมิร์ซ, อีคอมเมิร์ซ, สิ่งของทั้งหมด, เต็ม, จาวาสคริปต์, jQuery, js, ตอบสนอง, เลื่อน, สไลด์โชว์, ความกว้าง