imgix.js

imgix.js hoạt động bằng cách sử dụng API imgix để thực hiện một loạt các hoạt động và thay đổi hình ảnh của trang web của bạn.

Các thư viện có thể được sử dụng chủ yếu để giúp bạn cung cấp chất lỏng, kích thước và thiết bị nhận biết hình ảnh để người dùng của bạn, nhưng nó cũng hỗ trợ một số tính năng bổ sung khác mát mẻ là tốt.

Điều này bao gồm hỗ trợ cho khai thác bảng màu, xoay hoặc cắt xén hình ảnh, lớp phủ văn bản, hiệu ứng hình ảnh, và thậm chí cả hình ảnh watermarking.

imgix.js có thể được sử dụng với các trang web viết bằng vani JavaScript, hoặc bạn có thể sử dụng phiên bản jQuery của nó nếu bạn đang sử dụng jQuery trên trang web của bạn.

Ví dụ và hướng dẫn sử dụng được bao gồm trong gói tải về

Điều gì là mới trong phiên bản này:.

< li> Các tính năng:
• Gỡ bỏ tất cả các mã liên quan đến ký kết URL imgix với token API của bạn. Chúng tôi quyết định rằng mã này là không thích hợp cho client-side code như imgix.js. Nếu bạn cần phải sử dụng các URL đã ký, chúng tôi đề nghị sử dụng một trong các thư viện khách hàng của chúng tôi thay thế.
• Thêm một tham số ga để imgix.fluid. Tham số này xác định mức độ thường xuyên hình ảnh lười biếng-nạp thăm dò ý kiến ​​các khung nhìn để xác định xem họ nên tải mã nguồn của họ hay không. Điều này trước đây đã được xác định bởi tham số debounce, mà cũng xử lý các điểm bỏ phiếu cho các sự kiện cửa sổ thay đổi kích cỡ. Giá trị mặc định cho ga là 200ms.
• Sửa chữa lỗi:
• Cố định một lỗi trong mã lazyLoad của chúng tôi đã được ngăn chặn hình ảnh cắt bớt các bên trên hoặc bên trái của khung nhìn trình duyệt từ thị đúng.
• Cố định một lỗi mà đôi khi có thể gây ra imgix.fluid để không cư xử đúng nếu nguồn hình ảnh đã có trong bộ nhớ cache của trình duyệt.

Điều gì là mới trong phiên bản 2.0.0:

• Các tính năng:
• Gỡ bỏ tất cả các mã liên quan đến ký kết URL imgix với token API của bạn. Chúng tôi quyết định rằng mã này là không thích hợp cho client-side code như imgix.js. Nếu bạn cần phải sử dụng các URL đã ký, chúng tôi đề nghị sử dụng một trong các thư viện khách hàng của chúng tôi thay thế.
• Thêm một tham số ga để imgix.fluid. Tham số này xác định mức độ thường xuyên hình ảnh lười biếng-nạp thăm dò ý kiến ​​các khung nhìn để xác định xem họ nên tải mã nguồn của họ hay không. Điều này trước đây đã được xác định bởi tham số debounce, mà cũng xử lý các điểm bỏ phiếu cho các sự kiện cửa sổ thay đổi kích cỡ. Giá trị mặc định cho ga là 200ms.
• Sửa chữa lỗi:
• Cố định một lỗi trong mã lazyLoad của chúng tôi đã được ngăn chặn hình ảnh cắt bớt các bên trên hoặc bên trái của khung nhìn trình duyệt từ thị đúng.
• Cố định một lỗi mà đôi khi có thể gây ra imgix.fluid để không cư xử đúng nếu nguồn hình ảnh đã có trong bộ nhớ cache của trình duyệt.

Điều gì là mới trong phiên bản 1.1.2:

• Các tính năng:
• Gỡ bỏ tất cả các mã liên quan đến ký kết URL imgix với token API của bạn. Chúng tôi quyết định rằng mã này là không thích hợp cho client-side code như imgix.js. Nếu bạn cần phải sử dụng các URL đã ký, chúng tôi đề nghị sử dụng một trong các thư viện khách hàng của chúng tôi thay thế.
• Thêm một tham số ga để imgix.fluid. Tham số này xác định mức độ thường xuyên hình ảnh lười biếng-nạp thăm dò ý kiến ​​các khung nhìn để xác định xem họ nên tải mã nguồn của họ hay không. Điều này trước đây đã được xác định bởi tham số debounce, mà cũng xử lý các điểm bỏ phiếu cho các sự kiện cửa sổ thay đổi kích cỡ. Giá trị mặc định cho ga là 200ms.
• Sửa chữa lỗi:
• Cố định một lỗi trong mã lazyLoad của chúng tôi đã được ngăn chặn hình ảnh cắt bớt các bên trên hoặc bên trái của khung nhìn trình duyệt từ thị đúng.
• Cố định một lỗi mà đôi khi có thể gây ra imgix.fluid để không cư xử đúng nếu nguồn hình ảnh đã có trong bộ nhớ cache của trình duyệt.

Điều gì là mới trong phiên bản 1.1.0:

• Các tính năng:
• Gỡ bỏ tất cả các mã liên quan đến ký kết URL imgix với token API của bạn. Chúng tôi quyết định rằng mã này là không thích hợp cho client-side code như imgix.js. Nếu bạn cần phải sử dụng các URL đã ký, chúng tôi đề nghị sử dụng một trong các thư viện khách hàng của chúng tôi thay thế.
• Thêm một tham số ga để imgix.fluid. Tham số này xác định mức độ thường xuyên hình ảnh lười biếng-nạp thăm dò ý kiến ​​các khung nhìn để xác định xem họ nên tải mã nguồn của họ hay không. Điều này trước đây đã được xác định bởi tham số debounce, mà cũng xử lý các điểm bỏ phiếu cho các sự kiện cửa sổ thay đổi kích cỡ. Giá trị mặc định cho ga là 200ms.
• Sửa chữa lỗi:
• Cố định một lỗi trong mã lazyLoad của chúng tôi đã được ngăn chặn hình ảnh cắt bớt các bên trên hoặc bên trái của khung nhìn trình duyệt từ thị đúng.
• Cố định một lỗi mà đôi khi có thể gây ra imgix.fluid để không cư xử đúng nếu nguồn hình ảnh đã có trong bộ nhớ cache của trình duyệt.

Điều gì là mới trong phiên bản 1.0.18:

• imgix.fluid bây giờ hỗ trợ một tùy chọn ignoreDPR rằng khi đặt đúng sự thật không bao giờ lặn param DPR imgix (ngay cả trên màn hình võng mạc). Tùy chọn này mặc định là false để tương thích ngược

Điều gì là mới trong phiên bản 1.0.17:

• imgix.fluid bây giờ hỗ trợ một tùy chọn ignoreDPR rằng khi đặt đúng sự thật không bao giờ lặn param DPR imgix (ngay cả trên màn hình võng mạc). Tùy chọn này mặc định là false để tương thích ngược

Yêu cầu :

• kích hoạt Javascript về phía khách hàng
• jQuery 1.6 hoặc cao hơn (đối với các plugin jQuery)