Plugin jQuery de redimensionnement d'image : ImgLiquid

ImgLiquid est un plugin jQuery qui permet de redimensionner les images afin qu'elles puissent tenir dans le conteneur.

Caractéristiques

• Responsive en option (les paramètres par défaut sont "off").
• Léger : moins de 2KBs gzippés
• Remplissage/Culture
• Aligner
• Rappels
• Support Svg
• FadeIn Anim optionnel (par défaut, il est désactivé)
• Compatible avec tous les navigateurs (y compris ie6)

Pourquoi l'utiliser ?

C'est un très bon plugin qui nous permet de maintenir une qualité élevée de l'image, en particulier au moment de la redimensionner. Vous avez dû constater que souvent, lorsque nous téléchargeons une image de n'importe quelle forme, qu'elle soit verticale ou horizontale, sa qualité se dégrade de manière significative. Ce plugin est donc très utile pour maintenir la qualité de l'image au moment de la redimensionner.

Comment cela fonctionne-t-il ?

Il permet d'adapter l'image ou de la redimensionner dans un conteneur. Il peut également être personnalisé. La façon la plus simple de l'utiliser est d'inclure le fichier JavaScript et de l'appeler. Par exemple,

 //  including the javascript file

$(document).ready(function() { $(".imgLiquidFill").imgLiquid() ; // appel de l'image liquide
}) ;

Il masquera l'image attribuée, c'est-à-dire () et adaptera l'image à l'arrière-plan de la div, en la redimensionnant. Si vous choisissez "fill : true" lors de l'appel de la fonction imageliquid, c'est-à-dire ($(".imgLiquidFill").imgLiquid(fill : true))il adaptera l'image à l'arrière-plan de la div. De même, si vous choisissez "remplir : false"Vous pouvez alors voir l'image de la manière originale, comme vous l'avez téléchargée. Dans les deux cas, la qualité de l'image sera maintenue.