สไลด์โชว์ JQuery โดย Jon Raasch

• อาจ 21, 2024

สไลด์โชว์ jQuery แบบเคลื่อนไหวมีอยู่ทั่วเว็บ สไลด์โชว์เป็นวิธีที่ยอดเยี่ยมในการแสดงภาพจำนวนมากภายในพื้นที่เล็ก ๆ บนเว็บไซต์ เมื่อฉันออกแบบเว็บไซต์สำหรับธุรกิจขนาดเล็กฉันมักจะแนะนำสไลด์โชว์เพื่อแสดง "ผลิตภัณฑ์เด่น" ในร้านค้าออนไลน์ มันทำให้คำสั่งแรกที่ดี

ลูกค้าของฉันไม่สามารถจ่ายค่าบำรุงรักษาต่อเนื่องสำหรับเว็บไซต์ของพวกเขา ดังนั้นฉันค้นหาเว็บเพื่อค้นหาสคริปต์สไลด์โชว์ jQuery ที่เมื่อติดตั้งแล้วลูกค้าของฉันสามารถดูแลรักษาได้ง่าย สคริปต์ที่ฉันพบคือ Simple jQuery Slideshow โดย Jon Raasch จอนดีมากที่จะให้บริการฟรีภายใต้ใบอนุญาต FreeBSD

สคริปต์นี้มี "รอยเท้า" ขนาดเล็กที่สามารถเพิ่มลงในหน้าเว็บได้อย่างรวดเร็วด้วยแท็ก SCRIPT SCR หนึ่งแท็ก ไฟล์ css ที่รองรับนั้นง่ายต่อการเข้าใจและใช้แท็ก LINK เพื่อโทรเข้าไปยังหน้าเว็บเท่านั้น ดังนั้นด้วยรหัสง่ายๆสองบรรทัดในส่วนหัวและ DIV สำหรับภาพสไลด์โชว์คุณสามารถใช้สคริปต์ของ Jon

แน่นอนว่าเป็นส่วนหนึ่งของการออกแบบเว็บไซต์ใหม่ให้กับลูกค้าของคุณคุณจะสร้างภาพชุดแรกและติดตั้งในโฟลเดอร์สำหรับสไลด์โชว์ อย่างไรก็ตามลูกค้าส่วนใหญ่ต้องการความสามารถในการเปลี่ยนภาพเอง ด้วยสคริปต์ของ Jon คุณสามารถเปลี่ยนรูปภาพในสไลด์โชว์ได้โดยไม่ต้องเปลี่ยนสคริปต์ ลูกค้าของคุณสามารถอัปโหลดภาพใหม่และตั้งชื่อพวกเขา img1.jpg, img2.jpg และอื่น ๆ ลำดับของภาพกำหนดลำดับของการหมุน

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

Jon Raasch เป็นผู้พัฒนาและออกแบบเว็บไซต์ระดับแนวหน้าที่เชี่ยวชาญด้าน SEO, CMS, CSS, HTML, PHP, MySQL, AJAX, jQuery และ JavaScript เขาทดสอบสคริปต์ของเขาอย่างละเอียดและคุณสามารถมั่นใจได้ว่ามันจะทำงานให้กับลูกค้าของคุณ จอนเป็นบุคคลที่มีความสามารถหลากหลาย นอกจากความรู้ด้านเทคนิคแล้วเขายังเป็นช่างภาพและสนุกกับการเขียนบทกวีและเรื่องสั้น

ขอบคุณจอนสำหรับสคริปต์ที่ยอดเยี่ยม

สไลด์โชว์ jQuery แบบง่าย
jonraasch.com
jonnyrash.com