JQuery Bild Höhe und Breite auslesen

0
JQuery Bild Höhe und Breite-auslesen

JQuery Bild Höhe und Breite-auslesen

Damit man serverseitig die tatsächliche Höhe und Breite von einem Bild mit JQuery auslesen kann ist es die bestehenden Angaben für Höhe und Breite zu löschen, da diese der aktuellen Interpretation des Browser entsprechen. Hier Beispiel aus einem aktuellen TYPO3 Projekt, in dem die Bilder als Datensatz verlinkt auf die rechte Seite gezogen werden und  dort skaliert werden.

JQuery Bild Höhe und Breite auslesen


$('.right-sidebar').find('img').each(function(){
$(this).removeAttr("width");
$(this).removeAttr("height");
var height = $(this).height();
var width = $(this).width();
});

Bildwerte, die durch ein ausliegendes Div – Parent DIV oder sonstiges Element bestimmt werden können mit JQuery nicht ausgelesen werden. Bzw. besser gesagt werden nur die durch den Browser bei de Darstellung interpretierten Werte ausgelesen. Das gibt einen dann leider keine Auskunft im Bezug auf das tatsächliche Bild, wie es auf dem Server abgelegt ist. Um mit JQuery Bild Höhe und Breite auslesen zu können ist es also nötig diese Browser Interpretation zu entfernen und dann neu auszulesen. In dem oben angegebenen Beispiel ist die TYPO3 Sidebar gemeint. In dieser werden bei allen Bildern die entsprechenden Werte gelöscht bzw. removed und neu ausgelesen.

About Author

PHP Kurs und Inhouse Schulungen für Webdevelopment mit Continuous Integration - Clean Coder, Blogger, Autor, Dozent und Senior Webdeveloper www.rolandgolla.de

Leave A Reply

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.