imgix.js

imgix.js fonctionne en utilisant l'API de imgix pour effectuer une série d'opérations et modifications sur les images de votre site.

La bibliothèque peut être utilisée principalement pour vous aider à fournir du fluide, la taille et l'appareil-aware images à vos utilisateurs, mais il prend également en charge d'autres fonctionnalités supplémentaires sympas aussi.

Cela comprend le soutien pour l'extraction de palette de couleurs, la rotation ou le recadrage des images, des superpositions de texte, effets photo, et même image watermarking.

imgix.js peuvent être utilisés avec des sites écrits en JavaScript vanille, ou vous pouvez utiliser sa version jQuery si vous utilisez jQuery sur votre site.

Exemples et instructions d'utilisation sont inclus dans le package de téléchargement

Ce qui est nouveau dans cette version:.

< li> Caractéristiques:
• Retiré tout le code se rapportant à la signature URL imgix avec votre clé API. Nous avons décidé que ce code ne soit pas bien adapté pour le code côté client comme imgix.js. Si vous avez besoin d'utiliser des URL signés, nous vous suggérons d'utiliser un de nos bibliothèques clientes à la place.
• Ajout d'un paramètre d'étranglement à imgix.fluid. Ce paramètre détermine la fréquence des images paresseux chargé interrogent le viewport pour déterminer si elles devraient charger leur source ou non. Cela a été précédemment défini par le paramètre debounce, qui gère également les sondages pour les événements fenêtre de redimensionnement. La valeur par défaut pour les gaz est 200ms.
• Correction de bugs:
• Correction d'un bug dans notre code LazyLoad qui empêchait les images écrêtées par les côtés supérieur ou à gauche de la fenêtre du navigateur de rendre correctement.
• Correction d'un bug qui pouvait parfois causer des imgix.fluid à ne pas se comporter correctement si l'image source est déjà dans le cache du navigateur.

Ce qui est nouveau dans la version 2.0.0:

• Caractéristiques:
• Retiré tout le code se rapportant à la signature URL imgix avec votre clé API. Nous avons décidé que ce code ne soit pas bien adapté pour le code côté client comme imgix.js. Si vous avez besoin d'utiliser des URL signés, nous vous suggérons d'utiliser un de nos bibliothèques clientes à la place.
• Ajout d'un paramètre d'étranglement à imgix.fluid. Ce paramètre détermine la fréquence des images paresseux chargé interrogent le viewport pour déterminer si elles devraient charger leur source ou non. Cela a été précédemment défini par le paramètre debounce, qui gère également les sondages pour les événements fenêtre de redimensionnement. La valeur par défaut pour les gaz est 200ms.
• Correction de bugs:
• Correction d'un bug dans notre code LazyLoad qui empêchait les images écrêtées par les côtés supérieur ou à gauche de la fenêtre du navigateur de rendre correctement.
• Correction d'un bug qui pouvait parfois causer des imgix.fluid à ne pas se comporter correctement si l'image source est déjà dans le cache du navigateur.

Ce qui est nouveau dans la version 1.1.2:

• Caractéristiques:
• Retiré tout le code se rapportant à la signature URL imgix avec votre clé API. Nous avons décidé que ce code ne soit pas bien adapté pour le code côté client comme imgix.js. Si vous avez besoin d'utiliser des URL signés, nous vous suggérons d'utiliser un de nos bibliothèques clientes à la place.
• Ajout d'un paramètre d'étranglement à imgix.fluid. Ce paramètre détermine la fréquence des images paresseux chargé interrogent le viewport pour déterminer si elles devraient charger leur source ou non. Cela a été précédemment défini par le paramètre debounce, qui gère également les sondages pour les événements fenêtre de redimensionnement. La valeur par défaut pour les gaz est 200ms.
• Correction de bugs:
• Correction d'un bug dans notre code LazyLoad qui empêchait les images écrêtées par les côtés supérieur ou à gauche de la fenêtre du navigateur de rendre correctement.
• Correction d'un bug qui pouvait parfois causer des imgix.fluid à ne pas se comporter correctement si l'image source est déjà dans le cache du navigateur.

Ce qui est nouveau dans la version 1.1.0:

• Caractéristiques:
• Retiré tout le code se rapportant à la signature URL imgix avec votre clé API. Nous avons décidé que ce code ne soit pas bien adapté pour le code côté client comme imgix.js. Si vous avez besoin d'utiliser des URL signés, nous vous suggérons d'utiliser un de nos bibliothèques clientes à la place.
• Ajout d'un paramètre d'étranglement à imgix.fluid. Ce paramètre détermine la fréquence des images paresseux chargé interrogent le viewport pour déterminer si elles devraient charger leur source ou non. Cela a été précédemment défini par le paramètre debounce, qui gère également les sondages pour les événements fenêtre de redimensionnement. La valeur par défaut pour les gaz est 200ms.
• Correction de bugs:
• Correction d'un bug dans notre code LazyLoad qui empêchait les images écrêtées par les côtés supérieur ou à gauche de la fenêtre du navigateur de rendre correctement.
• Correction d'un bug qui pouvait parfois causer des imgix.fluid à ne pas se comporter correctement si l'image source est déjà dans le cache du navigateur.

Ce qui est nouveau dans la version 1.0.18:

une option
• imgix.fluid supporte maintenant ignoreDPR que lorsque la valeur true ne définit le param dpr de imgix (même sur les écrans de la rétine). Cette option par défaut à false pour la compatibilité descendante

Ce qui est nouveau dans la version 1.0.17:

une option
• imgix.fluid supporte maintenant ignoreDPR que lorsque la valeur true ne définit le param dpr de imgix (même sur les écrans de la rétine). Cette option par défaut à false pour la compatibilité descendante

Exigences :

• JavaScript côté client
• jQuery 1.6 ou supérieur (pour le plugin jQuery)