imgix.js

imgix.js ทำงานโดยใช้ API imgix เพื่อดำเนินการชุดของการดำเนินงานและการปรับเปลี่ยนภาพเว็บไซต์ของคุณ.

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

นี้รวมถึงการสนับสนุนสำหรับการสกัดจานสีหมุนหรือการปลูกพืชภาพซ้อนทับข้อความผลภาพและแม้กระทั่งลายน้ำภาพ.

imgix.js สามารถนำมาใช้กับเว็บไซต์ที่เขียนในวานิลลา JavaScript, หรือคุณสามารถใช้รุ่น jQuery ถ้าคุณกำลังใช้ jQuery ในเว็บไซต์ของคุณ.

ตัวอย่างและคำแนะนำการใช้งานที่มีอยู่ในแพคเกจการดาวน์โหลด

มีอะไรใหม่ ในรุ่นนี้:.

< li> คุณสมบัติ:
• นำโค้ดทั้งหมดที่เกี่ยวข้องกับการลงนาม URL ที่ imgix กับโทเค็น API ของคุณ เราตัดสินใจว่ารหัสนี้ไม่ได้ดีเหมาะสำหรับรหัสฝั่งไคลเอ็นต์เช่น imgix.js หากคุณจำเป็นต้องใช้ URL ลงนามเราขอแนะนำให้ใช้หนึ่งของห้องสมุดของลูกค้าของเราแทน.
• เพิ่มพารามิเตอร์คันเร่ง imgix.fluid พารามิเตอร์นี้กำหนดความถี่ภาพขี้เกียจโหลดสำรวจวิวพอร์ตเพื่อตรวจสอบว่าพวกเขาควรจะโหลดมาของพวกเขาหรือไม่ นี้ถูกกำหนดไว้ก่อนหน้าโดยพารามิเตอร์ debounce ซึ่งยังจัดการเลือกตั้งสำหรับการจัดกิจกรรมปรับขนาดหน้าต่าง ค่าเริ่มต้นสำหรับเค้น 200ms.
• แก้ไขข้อผิดพลาด:
• แก้ไขข้อผิดพลาดในรหัส lazyLoad ของเราที่ได้รับการป้องกันภาพตัดจากด้านบนหรือด้านซ้ายของวิวพอร์ตเบราว์เซอร์จากการให้ถูกต้อง.
• แก้ไขข้อผิดพลาดที่บางครั้งอาจทำให้เกิด imgix.fluid ไม่ประพฤติอย่างถูกต้องหากภาพแหล่งที่มีอยู่แล้วในแคชเบราว์เซอร์ได้.

มีอะไรใหม่ ในรุ่น 2.0.0:

• คุณสมบัติ:
• นำโค้ดทั้งหมดที่เกี่ยวข้องกับการลงนาม URL ที่ imgix กับโทเค็น API ของคุณ เราตัดสินใจว่ารหัสนี้ไม่ได้ดีเหมาะสำหรับรหัสฝั่งไคลเอ็นต์เช่น imgix.js หากคุณจำเป็นต้องใช้ URL ลงนามเราขอแนะนำให้ใช้หนึ่งของห้องสมุดของลูกค้าของเราแทน.
• เพิ่มพารามิเตอร์คันเร่ง imgix.fluid พารามิเตอร์นี้กำหนดความถี่ภาพขี้เกียจโหลดสำรวจวิวพอร์ตเพื่อตรวจสอบว่าพวกเขาควรจะโหลดมาของพวกเขาหรือไม่ นี้ถูกกำหนดไว้ก่อนหน้าโดยพารามิเตอร์ debounce ซึ่งยังจัดการเลือกตั้งสำหรับการจัดกิจกรรมปรับขนาดหน้าต่าง ค่าเริ่มต้นสำหรับเค้น 200ms.
• แก้ไขข้อผิดพลาด:
• แก้ไขข้อผิดพลาดในรหัส lazyLoad ของเราที่ได้รับการป้องกันภาพตัดจากด้านบนหรือด้านซ้ายของวิวพอร์ตเบราว์เซอร์จากการให้ถูกต้อง.
• แก้ไขข้อผิดพลาดที่บางครั้งอาจทำให้เกิด imgix.fluid ไม่ประพฤติอย่างถูกต้องหากภาพแหล่งที่มีอยู่แล้วในแคชเบราว์เซอร์ได้.

มีอะไรใหม่ ในรุ่น 1.1.2:

• คุณสมบัติ:
• นำโค้ดทั้งหมดที่เกี่ยวข้องกับการลงนาม URL ที่ imgix กับโทเค็น API ของคุณ เราตัดสินใจว่ารหัสนี้ไม่ได้ดีเหมาะสำหรับรหัสฝั่งไคลเอ็นต์เช่น imgix.js หากคุณจำเป็นต้องใช้ URL ลงนามเราขอแนะนำให้ใช้หนึ่งของห้องสมุดของลูกค้าของเราแทน.
• เพิ่มพารามิเตอร์คันเร่ง imgix.fluid พารามิเตอร์นี้กำหนดความถี่ภาพขี้เกียจโหลดสำรวจวิวพอร์ตเพื่อตรวจสอบว่าพวกเขาควรจะโหลดมาของพวกเขาหรือไม่ นี้ถูกกำหนดไว้ก่อนหน้าโดยพารามิเตอร์ debounce ซึ่งยังจัดการเลือกตั้งสำหรับการจัดกิจกรรมปรับขนาดหน้าต่าง ค่าเริ่มต้นสำหรับเค้น 200ms.
• แก้ไขข้อผิดพลาด:
• แก้ไขข้อผิดพลาดในรหัส lazyLoad ของเราที่ได้รับการป้องกันภาพตัดจากด้านบนหรือด้านซ้ายของวิวพอร์ตเบราว์เซอร์จากการให้ถูกต้อง.
• แก้ไขข้อผิดพลาดที่บางครั้งอาจทำให้เกิด imgix.fluid ไม่ประพฤติอย่างถูกต้องหากภาพแหล่งที่มีอยู่แล้วในแคชเบราว์เซอร์ได้.

มีอะไรใหม่ ในรุ่น 1.1.0:

• คุณสมบัติ:
• นำโค้ดทั้งหมดที่เกี่ยวข้องกับการลงนาม URL ที่ imgix กับโทเค็น API ของคุณ เราตัดสินใจว่ารหัสนี้ไม่ได้ดีเหมาะสำหรับรหัสฝั่งไคลเอ็นต์เช่น imgix.js หากคุณจำเป็นต้องใช้ URL ลงนามเราขอแนะนำให้ใช้หนึ่งของห้องสมุดของลูกค้าของเราแทน.
• เพิ่มพารามิเตอร์คันเร่ง imgix.fluid พารามิเตอร์นี้กำหนดความถี่ภาพขี้เกียจโหลดสำรวจวิวพอร์ตเพื่อตรวจสอบว่าพวกเขาควรจะโหลดมาของพวกเขาหรือไม่ นี้ถูกกำหนดไว้ก่อนหน้าโดยพารามิเตอร์ debounce ซึ่งยังจัดการเลือกตั้งสำหรับการจัดกิจกรรมปรับขนาดหน้าต่าง ค่าเริ่มต้นสำหรับเค้น 200ms.
• แก้ไขข้อผิดพลาด:
• แก้ไขข้อผิดพลาดในรหัส lazyLoad ของเราที่ได้รับการป้องกันภาพตัดจากด้านบนหรือด้านซ้ายของวิวพอร์ตเบราว์เซอร์จากการให้ถูกต้อง.
• แก้ไขข้อผิดพลาดที่บางครั้งอาจทำให้เกิด imgix.fluid ไม่ประพฤติอย่างถูกต้องหากภาพแหล่งที่มีอยู่แล้วในแคชเบราว์เซอร์ได้.

มีอะไรใหม่ ในรุ่น 1.0.18:

• imgix.fluid ขณะนี้สนับสนุนตัวเลือก ignoreDPR ว่าเมื่อ ตั้งค่าเป็นจริงไม่เคยตั้งค่าพารามิเตอร์ DPR imgix (แม้บนหน้าจอเรตินา) ตัวเลือกนี้จะเริ่มต้นที่เป็นเท็จสำหรับการทำงานร่วมกันหลัง

มีอะไรใหม่ ในรุ่น 1.0.17:

• imgix.fluid ขณะนี้สนับสนุนตัวเลือก ignoreDPR ว่าเมื่อ ตั้งค่าเป็นจริงไม่เคยตั้งค่าพารามิเตอร์ DPR imgix (แม้บนหน้าจอเรตินา) ตัวเลือกนี้จะเริ่มต้นที่เป็นเท็จสำหรับการทำงานร่วมกันหลัง

ต้องการ

• เปิดใช้งาน JavaScript บนฝั่งไคลเอ็นต์
• jQuery 1.6 หรือสูงกว่า (สำหรับปลั๊กอิน jQuery)