jQuery Image Resizing Plugin: ImgLiquid

ImgLiquid är ett jQuery-plugin för att ändra storlek på bilderna så att dessa bilder får plats i behållaren.

Funktioner

• Valfritt Responsive (standardinställningarna är "av").
• Lättvikt: mindre än 2KBs gzippad
• Fyll/beskär
• Justera
• Återuppringningar
• Svg stöd
• Valfritt FadeIn Anim (standardinställningarna är 'av')
• Kompatibel med alla webbläsare (inkl. ie6)

Varför använda?

Det är ett mycket bra plugin för att vi ska kunna bibehålla hög kvalitet på bilden speciellt vid tidpunkten för storleksändring. Du måste ha sett att när vi laddar upp en bild av vilken form som helst, vare sig den är vertikal eller horisontell, så försämras dess kvalitet avsevärt. Därför, för att bibehålla bildkvaliteten vid tidpunkten för storleksändring, är detta plugin ganska användbart.

Hur det fungerar?

Det fungerar i princip att bara passa bilden eller ändra storlek på den i en behållare. Den kan också anpassas. Det enklaste sättet att använda den är att inkludera JavaScript-filen och sedan anropa den. Till exempel,

 //  including the javascript file

$(document).ready(function() { $(".imgLiquidFill").imgLiquid(); // anropar bild flytande });

Det skulle dölja den tilldelade bilden, dvs () och skulle passa bilden i bakgrunden av div, ändra storlek på den. Om du väljer "fill: true" medan du anropar imageliquid-funktionen, dvs ($(“.imgLiquidFill”).imgLiquid(fill: true)), kommer det att passa bilden i bakgrunden av div. På samma sätt, om du väljer "fylla: falskt", då kan du se bilden på det ursprungliga sättet som du laddade upp den. På båda sätten skulle bildkvaliteten bibehållas.