สถานที่:หน้าหลัก > รหัสเอฟเฟกต์พิเศษ JS > รูปภาพและสื่อ
-
jQuery คลิกที่รูปภาพเพื่อขยายปลั๊กอินตัวอย่าง
วิธีทั่วไปในการซูมเข้าและดูภาพโดยใช้ jQuery เพื่อให้ได้มาสก์เลเยอร์เมื่อคลิกที่รูปภาพและรูปภาพจะแสดงแบบเต็มหน้าจอ -
jQuery + Bootstrap ปลั๊กอินอัปโหลดรูปภาพ
คุณสามารถครอบตัดปลั๊กอินการอัปโหลดรูปภาพที่มีเอฟเฟกต์ที่ดีได้ ฟังก์ชันนี้ใช้ jQuery เพื่อให้เกิดการครอบตัดและอัปโหลด รูปแบบของปลั๊กอินก็ดีมากเพราะใช้ Bootstrap framework -
ดูตัวอย่างก่อนอัปโหลดรูปภาพ jQuery
ปลั๊กอินอัปโหลดรูปภาพ Ajax ที่ใช้งานโดย jQuery ปลั๊กอินอัปโหลดไฟล์รองรับการอัปโหลด AJAX ก่อนดูภาพรองรับการอัปโหลดหลายไฟล์สามารถควบคุมรูปแบบไฟล์และขนาดไฟล์มีฟังก์ชันการโทรกลับที่หลากหลายและใช้งานได้สะดวกมาก -
jQuery อัลบั้มรูปภาพรหัสการจัดเรียงที่กระจัดกระจาย
เอฟเฟกต์การจัดเรียงรูปภาพที่ยอดเยี่ยมโดยใช้ jQuery เพื่อรับโค้ดเอฟเฟกต์พิเศษของอัลบั้มรูปภาพ -
jQuery ลากและวางเลเยอร์ div และปลั๊กอินรูปภาพ
ปลั๊กอินลากแล้ววาง jQuery ที่ดี ด้วยปลั๊กอินนี้คุณสามารถลากและวางองค์ประกอบต่างๆเช่นเลเยอร์ div หรือรูปภาพบนหน้าเว็บได้ ยิ่งไปกว่านั้นเราสามารถควบคุมทิศทางของการลากได้เช่นอนุญาตให้ลากในแนวนอนเท่านั้นและอนุญาตให้ลากในแนวตั้งเท่านั้นนอกจากนี้คุณยังสามารถตั้งค่าตัวจัดการการลากนั่นคือเมาส์จะเรียกเหตุการณ์การลากในพื้นที่หนึ่ง ๆ -
jQuery รูปภาพ 360 °ปลั๊กอินพาโนรามา
สำหรับการดูภาพพาโนรามาแบบคงที่ 360 °คุณสามารถใช้ JQuery เพื่อเพิ่มประสบการณ์การรับชมฮอตสปอตการหมุนและการเลื่อนได้อย่างสมจริง -
js ไดนามิกรูปภาพหยุดเล่นปลั๊กอินชั่วคราว
เมื่อเปิดภาพ gif ภาพจะอยู่ในสถานะเล่น โดยค่าเริ่มต้นคุณสามารถใช้ปลั๊กอินการเล่นภาพเคลื่อนไหว gifffer.js เพื่อหยุดการเล่นชั่วคราวและเอฟเฟกต์ไดนามิกจะปรากฏขึ้นหลังจากคลิกปุ่ม -
ภาพซ้อนทับ jQuery ซ้อนภาพเคลื่อนไหว CSS3
เอฟเฟกต์สุดเจ๋งของการขยายภาพการ์ดแบบเรียงซ้อน jQuery และเอฟเฟกต์การหดตัวโดยใช้ CSS3 เพื่อให้ได้เอฟเฟกต์ภาพเคลื่อนไหว เมื่อเอฟเฟกต์ภาพเริ่มขึ้นการ์ดจะเรียงซ้อนกัน เมื่อผู้ใช้คลิกที่การ์ดด้านบนรูปภาพที่ซ้อนกันจะขยายเป็นภาพเคลื่อนไหวต่างๆ หลังจากขยายแล้วให้คลิกที่การ์ดใด ๆ การ์ดเหล่านั้นจะหดตัวและซ้อนกันอีกครั้ง -
jQuery ภาพซ้อนทับผนังภาพยุ่ง
เอฟเฟกต์รูปถ่ายติดผนังสไตล์ jQuery ที่ใช้ jQuery ช่วยให้รูปภาพที่มีรูปร่างแตกต่างกันสามารถซ้อนกันและแสดงอย่างไม่เป็นระเบียบบนผนังรูปภาพและคลิกที่รูปภาพขนาดเล็กเพื่อขยายรูปภาพและรองรับการสลับระหว่างรูปภาพก่อนหน้าและรูปภาพถัดไป -
หมูน้อยลอยรหัสภาพเคลื่อนไหว CSS3
หมูลอยน้ำน่ารักเป็นรหัส CSS3 ที่บริสุทธิ์และการฉายภาพของหมูจะลอยเมื่อลอย เอฟเฟกต์ภาพเคลื่อนไหวมีความสมจริงมาก -
jQuery คลิกที่ภาพขนาดเล็กเพื่อสลับภาพขนาดใหญ่แบบเต็มหน้าจอ
ใช้ปลั๊กอิน jquery.swipebox.js เพื่อให้ภาพขนาดเล็กคลิกผ่านกลายเป็นเอฟเฟกต์การแสดงผลแบบเต็มหน้าจอของภาพขนาดใหญ่และการเรียกรหัส jQuery นั้นง่ายมาก -
ปลั๊กอินเค้าโครงแกลเลอรีรูปภาพที่ตอบสนองต่อ jQuery
สร้างภาพที่ตอบสนองและแกลเลอรีภาพขนาดย่อโดยใช้ภาพหมุน Elastislide ซึ่งได้รับแรงบันดาลใจจากการรวม "แกลเลอรีผู้ใช้" ของ Twitter และขอให้แสดง Elastislide เราหวังว่าจะใช้แกลเลอรีที่ตอบสนองที่ปรับให้เข้ากับความกว้างของพอร์ตการดู แกลเลอรีจะสลับมุมมองเพื่อให้สามารถดูภาพหมุนภาพขนาดย่อได้หรือไม่ -
ปลั๊กอินแกลเลอรีรูปภาพแบบเต็มหน้าจอ jQuery พร้อมรูปขนาดย่อ
ปลั๊กอินแกลเลอรีแบบเต็มหน้าจอ jQuery สามารถช่วยคุณแสดงผลงานภาพถ่ายหรือผลงานอื่น ๆ ด้วยเอฟเฟกต์ภาพขนาดย่อ สไลด์หน่วงเวลาในตัวสามารถปรับขนาดภาพขนาดใหญ่และรองรับการเชื่อมโยงหลายมิติ ถึง -
jQuery ภาพพลิกเอฟเฟกต์ภาพเคลื่อนไหว CSS3
การจัดกลุ่มรูปภาพสลับเอฟเฟกต์ภาพเคลื่อนไหว css3 โดยใช้โค้ด jQuery และ CSS3 เพื่อให้เกิดการสลับรูปภาพและเอฟเฟกต์ภาพเคลื่อนไหว -
jQuery card fanning animation plugin
แอนิเมชั่นการขยายรูปภาพคล้ายกับนามบัตรที่เขียนโดย jQuery รหัสเอฟเฟกต์พิเศษสำหรับการแสดงผลรูปพัดลมที่หลากหลาย -
รูปแบบการ์ดสินค้า CSS3 พลิกภาพเคลื่อนไหวตะกร้าสินค้า
การออกแบบการ์ดผลิตภัณฑ์ช้อปปิ้ง CSS3 พร้อมเอฟเฟกต์ภาพเคลื่อนไหว เอฟเฟกต์นี้ใช้เพื่อแสดงผลิตภัณฑ์ เมื่อเมาส์วางเมาส์เหนือการ์ดรูปภาพจะถูกพลิกเพื่อแสดงรูปภาพอื่นของผลิตภัณฑ์ -
ปลั๊กอินเอฟเฟกต์การซ้อนภาพ jQuery Photopile
ใช้ jQuery เพื่อดูการจัดเรียงภาพที่ไม่เป็นระเบียบเอฟเฟกต์การซ้อนภาพคลิกที่รูปภาพเพื่อเปิดปลั๊กอินเลเยอร์วิธี -
รหัสไดอะแกรมการเชื่อมต่อ jQuery
แผนภาพความสัมพันธ์ของตัวละครบนพื้นฐานผ้าใบรวมกับโค้ด jQuery เชื่อมต่อกันด้วยเส้นและคุณสามารถลากอวาตาร์ของตัวละครได้ -
รูปภาพเปลี่ยนเป็นรหัส css สีเทา
การเปลี่ยนภาพสีให้กลายเป็นภาพสีเทานั้นง่ายมากด้วยรหัส css เพียงไม่กี่บรรทัด ใช้ตัวกรองแอตทริบิวต์ตัวกรองในรหัส css -
jQuery แกลเลอรีกราฟิกแบบเต็มหน้าจอเลื่อนโหลด
การเลื่อนแบบเต็มหน้าจอปลั๊กอินแกลเลอรีรูปภาพ jQuery ที่ตอบสนอง ปลั๊กอินสามารถสร้างชุดรูปภาพแบบเต็มหน้าจอได้โดยการเลื่อนล้อเลื่อนของเมาส์หรือใช้ปุ่มลูกศรขึ้นและลงของแป้นพิมพ์หรือเลื่อนขึ้นและลงบนอุปกรณ์เคลื่อนที่เพื่อสลับการแสดงภาพ