jQuery Image Resizing Plugin: ImgLiquid

ImgLiquid ist ein jQuery-Plugin für die Größenänderung der Bilder, so dass diese Bilder in den Container passen können.

Eigenschaften

• Optional Responsive (Standardeinstellungen sind 'aus').
• Geringes Gewicht: weniger als 2KBs gzipped
• Füllen/Ernten
• Ausrichten
• Rückrufe
• Svg-Unterstützung
• Optionale Einblendungsanimation (Standardeinstellung ist "aus")
• Kompatibel mit allen Browsern (inkl. ie6)

Warum verwenden?

Es ist ein sehr gutes Plugin für uns, um eine hohe Qualität des Bildes zu erhalten, besonders bei der Größenänderung. Sie haben sicher festgestellt, dass oft, wenn wir ein Bild von beliebiger Form hochladen, sei es vertikal oder horizontal, seine Qualität erheblich verschlechtert wird. Um die Bildqualität bei der Größenänderung beizubehalten, ist dieses Plugin daher sehr nützlich.

Wie funktioniert das?

Es funktioniert im Grunde nur, um das Bild in einen Container einzupassen oder dessen Größe zu ändern. Sie kann auch angepasst werden. Am einfachsten ist es, die JavaScript-Datei einzubinden und sie dann aufzurufen. Zum Beispiel,

 //  including the javascript file

$(document).ready(function() { $(".imgLiquidFill").imgLiquid(); // Aufruf der Bildflüssigkeit
});

Es würde das zugewiesene Bild ausblenden, d.h. () und würde das Bild in den Hintergrund des Divs einpassen, indem es in der Größe verändert wird. Wenn Sie beim Aufruf der Funktion imageliquid "fill: true" wählen, d.h. ($(".imgLiquidFill").imgLiquid(fill: true))wählen, wird das Bild in den Hintergrund des Divs eingefügt. Ähnlich verhält es sich, wenn Sie "füllen: false", dann können Sie das Bild so sehen, wie Sie es hochgeladen haben. In beiden Fällen bleibt die Bildqualität erhalten.