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

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

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

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


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

เลื่อนจะช่วยให้คุณมีเนื้อหาที่สอดคล้อง horizo​​ntaly ที่ไม่พอดีกับขนาดของหน้าต่างที่คุณต้องการ คุณสามารถใส่จำนวนรายการได้ตามที่คุณต้องการ รายการประกอบด้วยภาพฉลากและการเชื่อมโยง ถ้าคุณต้องการคุณสามารถแทนที่การเชื่อมโยงข้อความทั้งหมดหรือเพียงหนึ่งหรือสองรายการ

วิธีใช้

หลังจากที่รวมทั้ง PrototypeJS และ Scriptaculous (+ dragp ผลกระทบและวาง) รวมถึง slider.js ไฟล์ (วัตถุ) และ slider.css แฟ้ม (รูปแบบ)

จากนั้นมีเพียงบางอย่างเช่นนี้ในการโหลดหน้าต่าง:

 เลื่อนใหม่ ({ "เลื่อน": "เลื่อน test1" "รายการ" [ {"ไฟล์": "heroes.jpg", "ป้าย": "วีรบุรุษ", "การเชื่อมโยง": "http://www.hulu.com/heroes"}, {"ไฟล์": "prisonbreak.jpg", "ป้าย": "แหกคุก", "การเชื่อมโยง": "http://www.hulu.com/prison-break"} ] }); 

รหัสนี้สร้างเลื่อนในองค์ประกอบที่มีรหัส "เลื่อนการทดสอบ" มันมี 2 รายการ: วีรบุรุษและแผนลับแหกคุกนรก

ตัวเลือกเลื่อน

รายการต่อไปจะแสดงตัวเลือกทั้งหมดที่มีการเลื่อน
  • เลื่อน - วัตถุแม่เลื่อนหรือรหัส
  • ItemWidth - ความกว้างสไลด์ (ค่าปกติคือ 320)
  • itemHeight - ความสูงสไลด์ (ค่าปกติคือ 200 บาท)
  • เส้นทาง - เส้นทางสไลด์ภาพ (ค่าเริ่มต้นคือ "images /")
  • linkText - สไลด์ข้อความลิงค์เริ่มต้น (ค่าเริ่มต้นคือ "สำรวจ")
  • เคลื่อนไหว - เลื่อนเคลื่อนไหว (ค่าเริ่มต้นเป็นความจริง) เลื่อนจะทำให้การเลื่อนจนกว่าคุณจะคลิก Dragger
  • animationDelay - เวลาระหว่างภาพเคลื่อนไหวในไม่กี่วินาที (ค่าปกติคือ 5)
  • slideDelay - เวลาของผลกระทบสไลด์ในไม่กี่วินาที (ค่าปกติคือ 1)
  • slideLoop - เมื่อถึงรายการสุดท้ายห่วงที่จะเป็นคนแรก? (ค่าเริ่มต้นเป็นความจริง)
  • onClick - เหตุการณ์ที่เรียกว่าเมื่อคลิกที่ลิงค์รายการ (ค่าปกติคือไม่มี)

แทนที่จะให้เชื่อมโยงไปยังแต่ละรายการที่คุณสามารถตั้งค่าฟังก์ชั่นการโทรกลับเมื่อคลิกรายการที่ระบุหรือโทรกลับเริ่มต้น ขอให้สังเกตว่าถ้าคุณตั้งค่าการโทรกลับเริ่มต้นก็มักจะถูกเรียกว่าและไม่มีการเชื่อมโยงจะนำไปใช้

 เลื่อนใหม่ ({ "เลื่อน": "เลื่อน test1" "onClick" ฟังก์ชั่น (รายการ) { การแจ้งเตือน ("คุณคลิกรายการ" + item.get ("ฉลาก")); } "รายการ" [ {"ไฟล์": "heroes.jpg", "ป้าย": "วีรบุรุษ"}, {"ไฟล์": "prisonbreak.jpg", "ป้าย": "แหกคุก", "onClick" ฟังก์ชั่น () {alert ("คุณคลิก BREAK คุก!"); }} ] }); 

ในรหัสก่อนหน้านี้โทรกลับเริ่มต้นจะถูกเรียกว่าสำหรับรายการ "วีรบุรุษ" แต่ไม่ "แหกคุก" เพราะรายการนี​​้มีการเรียกกลับที่เฉพาะเจาะจง

ตรวจสอบการสาธิตที่ http://envato.diogoresende.net/slider/


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

คุณสมบัติ

ที่สร้าง:
24 กุมภาพันธ์ 10

การปรับปรุงครั้งล่าสุด:
N / A

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

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

JS ห้องสมุด:
ต้นแบบ 1.6 Script.aculo.us

คำหลัก

อีคอมเมิร์ซ, อีคอมเมิร์ซ, สิ่งของทั้งหมด, ร่มธง, เลื่อน