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

Degrade - The Swiss Army Slider

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

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

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


Degrade - The Swiss Army Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ทำตาม SakuraPixelYoucanelso WRITEUS

ลด - ตอบสนอง Slider อเนกประสงค์

ลด - สวิสกองทัพเลื่อนเป็นอเนกประสงค์, ปรับแต่งอย่างเต็มที่เลื่อนที่มีพฤติกรรมการตอบสนองและทั้งหมดในหนึ่งเดียวคุณสมบัติ มันกีฬา 40 + รูปแบบตัวเลือกลักษณะของการเลื่อนสามารถกำหนดเองได้ถึง 8 เงาที่แตกต่างกันของรูปแบบที่แตกต่างกันมุม 4, 6 ประเภทการควบคุมที่แตกต่างกันสีที่ไม่ จำกัด ย่อรูปแบบคำอธิบายพฤติกรรมแบบเต็มจอให้คุณเป็นไปได้ของการทำอักษรหลายร้อย เลื่อนที่แตกต่างกัน

เลื่อนสามารถใช้เป็นแบนเนอร์สามารถเล่นวิดีโอสามารถแสดงคำอธิบายภาพทุกที่ที่คุณต้องการ, สามารถนำมาใช้เป็นเครื่องมือในการโฆษณาเช่นเดียวกับจอแสดงผล

ทำให้ดีที่สุดของมัน!

คุณสมบัติ:

รูปแบบการออกแบบ
ได้อย่างง่ายดายเปลี่ยนรูปลักษณ์และความรู้สึกภายในไม่กี่วินาที Degrade Slider มาพร้อมกับจำนวนมากของสินทรัพย์ที่สร้างไว้ล่วงหน้าเช่นเงามุมการควบคุม สีที่ไม่ จำกัด, คุณสามารถเปลี่ยนสีองค์ประกอบทุกด้านในการเลื่อนทำให้มันไม่ซ้ำกัน หรือคุณสามารถปิดการใช้องค์ประกอบการออกแบบใด ๆ และสร้างแบนเนอร์ HTML ที่ใช้ในอุปกรณ์ทั้งหมด

การปฏิบัติ
สไลด์ทั้งหมดถูกโหลดแบบไดนามิกรางอาแจ็กซ์ที่เราให้ความสนใจเป็นพิเศษกับผลการดำเนินงานในขณะที่เก็บการออกแบบที่อุดมไปด้วยของภาพนิ่งที่มีอยู่ให้เร็วที่สุดเท่าที่พวกเขาจะเต็มไปไม่มีการรั่วไหลของหน่วยความจำทำให้เสื่อมเสีย Slider ที่เหมาะสำหรับการสัมผัส / ลากเหตุการณ์หน้าจอ

ย่อ
Degrade Slider มาพร้อมกับย่อ builtin ย่อทำให้ง่ายต่อการเพิ่มองค์ประกอบที่แตกต่างกันที่คุณอาจต้องเลื่อนภายใน ตัวอย่างเช่นคุณจำเป็นต้องมีปุ่มสีแดงที่มีมุมโค้งมน, คุณเพียงแค่เพิ่มรหัสต่อไปนี้ภายในคำบรรยายใต้ภาพ:

 <a href="http://yourlink.com" class="degradeButton roundButton red"> ปุ่ม </a> 

ดูย่อที่มีอยู่ทั้งหมดภายในตัวอย่าง

อ่อนไหว
ไม่ว่าคุณจะแสดงบนเดสก์ท็แท็บเล็ต, โทรศัพท์มือถือ, การทำงานของคุณภาพของคุณผลิตภัณฑ์ของคุณมักจะมีลักษณะเดียวกัน!

PSD และช่วยเหลือไฟล์
Degrade Slider มาพร้อมกับ psd ชั้นและทุกองค์ประกอบของการออกแบบ (เงา, ลูกศร, ปุ่มและมุม) ดูไฟล์ความช่วยเหลือที่นี่: ReadMe

ตัวเลือก Slider

 slideAnimationType: "easeOutQuint", // ภาพเคลื่อนไหวของตัวเลื่อน / ประเภทการเปลี่ยนแปลง slideAnimationDuration: 600, // ภาพนิ่งภาพเคลื่อนไหวระยะเวลาเริ่มต้น enableTouchDragSlides: จริง, // เปิด / ปิดการใช้งานแบบสัมผัสและลากสไลด์ Autoplay: false, // สไลด์แบบอัตโนมัติ autoPlayInterval: 5000, // ช่วงเวลาแบบอัตโนมัติ (5 วินาที) pauseAutoplayOnHover: จริง, // หยุดเล่นอัตโนมัติในการเลื่อน autoPlayStopAtEnd: จริง, // หยุดเล่นอัตโนมัติที่สิ้นสุด (สามารถนำมาใช้สำหรับการสร้างแบนเนอร์) สเกลอัตโนมัติ: จริง, // พฤติกรรมการตอบสนอง showShadow: จริง, // แสดงเงาเลื่อน shadowType: 'ShadowType01', // ชนิดเงา (มี 8 ชนิดเงาใช้ได้ ShadowType01.... เพื่อ... ShadowType08) showBottomCorners: จริง, // แสดงมุมด้านล่าง bottomCornersStyle: "CornerStyle01", // มุมสไตล์ (มีประเภทที่มีอยู่ 4 มุมมี CornerStyle01.... เพื่อ... CornerStyle04) showCenterButtons: จริง, // ศูนย์แสดงปุ่มนำทาง showCenterButtonsBackground: false, // พื้นหลังศูนย์แสดงปุ่มนำทาง centerButtonsAdjustPosition: 20, // ปรับปุ่มนำทางศูนย์ตำแหน่งแนวตั้ง (เช่น: 20 หรือ -20) showCenterButtonsStyle: "STYLE01", // สไตล์ปุ่มกลางนำทาง (มีสองรูปแบบที่มีอยู่ STYLE01 และ Style02) enableKeyboardNav: จริง, // เปิด / ปิดการใช้งานระบบนำทางแป้นพิมพ์ showSliderBackground: จริง, // ช่วยให้พื้นหลัง / เลื่อนปิดการใช้งานของ sliderBackgroundColor: "#FFFFFF", // สีพื้นหลังเลื่อนของ sliderBackgroundOpacity: 0.2, // ทึบพื้นหลังเลื่อนของ sliderShowBorder: จริง, // เปิด / ปิดชายแดนเลื่อน sliderBorderColor: "#FFFFFF", // สีเส้นขอบเลื่อนของ sliderShowInnerBorder: จริง, // เปิด / ปิดชายแดนด้านเลื่อนของ sliderInnerBorderColor: "#FFFFFF", // สีเส้นขอบด้านในของตัวเลื่อน showLeftRightNav: จริง, // เปิด / ปิดการใช้งานเลื่อนลูกศรนำทาง showLeftRightNavIsBackground: false, ลูกศร // เลื่อนของพื้นหลังนำทาง leftRightNavBackgroundColor: "# 212121", // ลูกศรเลื่อนของการนำสีพื้นหลัง leftRightNavType: "Nav04", // ประเภทการนำลูกศรเลื่อนของ (มี 4 ชนิดที่มีอยู่: Nav01 เพื่อ Nav04) leftNavAdjustPosition: 10, // ปรับตำแหน่งแนวนอนของลูกศรนำทางซ้าย rightNavAdjustPosition: -10, // ปรับตำแหน่งแนวนอนของลูกศรนำทางขวา showSliderPreloader: จริง, // เปิด / ปิดการใช้งานของ preloader เลื่อน showDragCursor: false, // โชว์ลากเคอร์เซอร์ enableFullScreen: จริง, // เปิด / ปิดการใช้งานแบบเต็มหน้าจอพื้นเมือง (เบราว์เซอร์ที่สนับสนุนแบบเต็มหน้าจอ) normalWidth: 800, // กว้างเลื่อนการเริ่มต้น normalHeight: 400 // เริ่มต้นความสูงเลื่อน 



คำอธิบายภาพ
ลด Slider สนับสนุนคำอธิบายภาพไม่ จำกัด ในแต่ละภาพนิ่งคุณสามารถเพิ่มเนื้อหา HTML ใด ๆ ภายในคำอธิบายภาพ
คำอธิบายแต่ละคนมีคุณสมบัติที่กำหนดไว้ล่วงหน้าและภาพเคลื่อนไหวที่คุณสามารถแทนที่การจากภายใน HTML ดูคุณสมบัติที่พร้อมด้านล่าง

 positionX: "0", // ตำแหน่งคำอธิบาย X positionY: "0", // คำอธิบายตำแหน่ง Y ภาพเคลื่อนไหว: "ไม่มี", // นิเมชั่นคำอธิบายของ cpuld เป็น (ไม่มี SlideFromLeft, SlideFromRight, SlideFromTop, SlideFromBottom) animationType: "easeOutQuint", // ประเภทการเปลี่ยนภาพเคลื่อนไหว (ดูหมายเหตุด้านบน) animationDuration: 500, // ระยะเวลาภาพเคลื่อนไหว (ดูหมายเหตุด้านบน) delayAnimation: 0, // นิเมชั่นเริ่มต้นล่าช้า (ดูหมายเหตุด้านบน) isBackground: "เท็จ" // พื้นหลังคำอธิบาย BackgroundColor: "# 212121", // คำบรรยายภาพสีพื้นหลัง backgrondTransparency: 0.5, // คำบรรยายใต้ภาพพื้นหลังโปร่งใส fullWidthVideo: "เท็จ" // คำบรรยายภาพวิดีโอเต็มความกว้าง (ดูตัวอย่างวิดีโอ) 



คุณสมบัติอื่น ๆ

  • การสนับสนุนแบบเต็มหน้าจอ
  • สัมผัสที่ดีที่สุด
  • jQuery Powered
  • รูปแบบสีที่ไม่ จำกัด
  • การออกแบบที่กำหนดเอง
  • PSD มารวม
  • เอกสารที่มีให้

เครดิต

Preview ภาพ ( Fotolia.com ) โปรดทราบว่าภาพตัวอย่างที่ไม่ได้รวมอยู่ในการดาวน์โหลดไฟล์
ภาพรวมอยู่ในการดาวน์โหลดไฟล์ ( Publicdomainpictures.net )
สื่อสังคมบอลลูนไอคอนตั้งโดย ( ดับเบิล J ออกแบบ )

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

คุณสมบัติ

สร้าง:
27 กรกฎาคม 12

ปรับปรุงล่าสุด:
n / a

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

เบราว์เซอร์ที่ใช้ร่วมกัน:
IE8, IE9, Firefox, Safari, Opera, Chrome

ไฟล์รวม:
JavaScript JS, HTML, CSS, ชั้น PSD, PNG Layered

ซอฟแวร์ รุ่น:
jQuery

คำหลัก

อีคอมเมิร์ซทุกรายการอาแจ็กซ์ทุกสี, เครื่องชงแบนเนอร์เลื่อน HTML, jQuery, น้อย, มือถือ, ปลั๊กอิน, เลื่อนตอ​​บสนองการสัมผัสเลื่อนวิดีโอ