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.
