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

jQuery Homepage Banner Slideshow / Product viewer

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

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

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


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ไฟล์นี้เหมาะสำหรับแบนเนอร์ที่หน้าแรก, สไลด์โชว์, ดูผลิตภัณฑ์แกลเลอรี่แม้ว่าคุณสามารถใช้เป็นบทนำ ภาพเคลื่อนไหวทั้งหมดมีการปรับแต่งเพื่อให้เหมาะสำหรับประเภทของป้ายใด ๆ คุณสามารถใช้หมายเลขของชั้นใด ๆ เกี่ยวกับการเลื่อนแต่ละ คุณสามารถวางตำแหน่งและระยะห่างแต่ละชั้นอย่างง่ายดายโดยใช้คุณลักษณะข้อมูล ในการดาวน์โหลดไฟล์ห้าตัวอย่างเริ่มต้นที่มีอยู่ในไฟล์ html แยกต่างหาก

มันทำงานได้ดีในเบราว์เซอร์ทั้งหมดรวมทั้ง iPad, iOS และ Android อุปกรณ์

เกือบตัวเลือกทั้งหมดที่มีอยู่ในการปรับแต่งแถบเลื่อนนี้โดยไม่ต้องแก้ไขรหัสแหล่งที่มา

ความสามารถในการสัมผัสหน้าจอสำหรับทั้งเดสก์ทอปและอุปกรณ์หน้าจอสัมผัส

ใช้ประเภทใด ๆ ของเนื้อหา Div มันอาจจะเป็นหลาย div ภาพ (รวมถึงรูปแบบภาพโปร่งใส), วิดีโอ, YouTube และ SWF (ไฟล์แฟลช)

คุณสมบัติที่เป็นเอกลักษณ์:

  • ง่ายต่อการจัดระยะห่างและทิศทางการเคลื่อนไหวแต่ละภาพและข้อความ
  • ตัวเลือกในการเลือกชนิดของเข้า / ออกทิศทางการเคลื่อนไหวใด ๆ
  • ตัวเลือกที่จะตั้งระยะทางมานิเมชั่น
  • รูปแบบพื้นหลังย้ายนิเมชั่น
  • ตัวเลือกที่จะตั้งอยู่ใน / ออกเวลาสำหรับแต่ละ div
  • ตัวเลือกเพื่อตั้งหน่วงเวลาการแสดงภาพสไลด์แต่ละสไลด์
  • เปิด / ปิดการใช้งานเดสก์ทอปลาก
  • สนับสนุนภาพได้ไม่ จำกัด และข้อความในแต่ละภาพนิ่ง


ปุ่มประ:
  • สามประเภทที่แตกต่างกันของจุดที่มีปุ่มและปุ่มถัดไปก่อนหน้าการออกแบบที่มีอยู่
  • ตำแหน่งนำทางใด ๆ ที่ใช้จัดและตัวเลือกการเว้นวรรค
  • แสดง / ซ่อนประถัดไปและปุ่มก่อนหน้า
  • เปิด / ปิดการใช้งานระบบนำทางอัตโนมัติซ่อน

ภาพขนาดย่อ:

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


คุณสมบัติอื่น ๆ :
  • หยุดสไลด์โชว์เมื่อผู้ใช้กดแบนเนอร์อย่างอื่นก็ยังคงเล่น
  • ห้าชนิดที่แตกต่างของกลุ่มตัวอย่างสามารถใช้ได้
  • สนับสนุนเบราว์เซอร์
  • การสนับสนุนแบบอักษร Cufon
  • คุณสามารถเคลื่อนไหวอะไรที่คุณวางภายใน div

ดูการสาธิตบนมือถือของคุณ

ในรหัส plug-in ที่คุณสามารถปรับแต่งสไลด์โชว์โดยใช้ตัวแปรด้านล่าง

 jQuery (ฟังก์ชั่น ($) { $ ('# jq_fmslideshow'). fmslideshow ({ banner_width: "" banner_height: "" image_sprite "fmslideshow_assets / sprite.png" image_background: "" image_topShadow: "" image_bottomShadow: "" image_loader "fmslideshow_assets / loader_img.png" background_fullScreen: เท็จ background_mo​​ve: เท็จ background_mo​​veDistance: 1250, buttons_type: 0 buttons_autoHide: เท็จ buttons_align "BC" buttons_spacing "15,0" button_nextPrevious_type: 0 button_nextPrevious_autoHide: จริง button_next_align "RC" button_next_spacing "20,0" button_previous_align "LC" button_previous_spacing "20,0" dotButtons: เท็จ button_next_previous: เท็จ thumbnails_align "BC" thumbnails_spacing "-75,0" thumb_next_preious_width: 38, สไลด์โชว์: เท็จ slideShow_delayTime: 2, desktop_drag: จริง default_data_align "LC" default_data_spacing "70,0" default_data_inOutDirection "LR" default_data_inOutDistance: "60" }); }); 


รหัสสไลด์โชว์ตัวอย่าง
 <! - สไลด์ 1 -> <div> <img ข้อมูล align = "BL" ข้อมูลระยะห่าง = "0,50" ข้อมูล inoutdirection = "บีบี" ข้อมูล inoutdistance = "50" ข้อมูล STARTTIME = "0" ข้อมูล staytime = "5" ข้อมูล animationspeed = "700" ข้อมูล easein = "easeOutQuart" ข้อมูล easeout = "easeOutSine" class = "imgSty" src = "images / image2.png" alt = "fmslideshow" /> <div ข้อมูล align = "TR" ข้อมูลระยะห่าง = "70,0" ข้อมูล inoutdirection = "RL" ข้อมูล STARTTIME = "5." ข้อมูล staytime = "6" ข้อมูล animationspeed = "400" ข้อมูล easein = "easeInQuart" ข้อมูล easeout = "easeOutSine" class = "divStyle"> <span class = "txtLarge"> ปรับแต่งแอนิเมชั่ </ span> </ div> <div ข้อมูล align = "TR" ข้อมูลระยะห่าง = "20,0" ข้อมูล inoutdirection = "LR" class = "divStyle" ข้อมูล inoutdistance = "60"> <span class = "txtMedium"> In / Out ทิศทาง - จัด - ระยะห่าง </ span> </ div> </ div> 
เอกสารความช่วยเหลือที่สมบูรณ์จะรวมอยู่ในการดาวน์โหลดไฟล์

Update ใน 2013/10/06: การแก้ไขข้อผิดพลาดเล็กน้อย

Update เมื่อ 23-11-2012: IE10 ข้อผิดพลาดคง









หากคุณมีคำถามใด ๆ เกี่ยวกับไฟล์นี้ติดต่อเราผ่านทางของฉันหน้าโปรไฟล์

ตรวจสอบไฟล์อื่น ๆ ของฉัน:

















ตรวจสอบไฟล์ Flash ของฉัน:

หีบเพลงแนวนอนแนวตั้งภาพข้อความภาพเคลื่อนไหว







ม้าหมุน-3-ประเภทภาพผลิตภัณฑ์ของผู้ชม

หีบเพลงแนวนอนแนวตั้งภาพข้อความภาพเคลื่อนไหว


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

คุณสมบัติ

ที่สร้าง:
10 ตุลาคม 11

การปรับปรุงครั้งล่าสุด:
11 มิถุนายน 13

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

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

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

คำหลัก

อีคอมเมิร์ซ, อีคอมเมิร์ซ, สิ่งของทั้งหมด, โฆษณาแบนเนอร์, โรซาลีแบนเนอร์, เลื่อนภาพ, ภาพเคลื่อนไหวชั้น, ผู้ชมสินค้า, ปรับขนาดได้, การเปลี่ยนสไลด์ที่เรียบง่าย, สไลด์โชว์