Automatische Breite und Höhe Tag für Bild

ich auf einem kleinen PHP-Skript arbeite, in einer Seite Ich habe eine Liste von Bildern wie folgt aus:Automatische Breite und Höhe Tag für Bild

<image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://www.wired.com/wp-content/uploads/2015/09/google-logo-1200x630.jpg" > 
</image>

was ich brauche, ist eine Breite und Höhe hinzuzufügen Attribut für jeweils Bilder so kann ich diese

<image xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="http://www.wired.com/wp-content/uploads/2015/09/google-logo-1200x630.jpg" width="1200" height="630" > 
    </image>

PS bekommen: die Breite und die Höhe des Bildes automatisch auf dem Link des Bildes basierend berechnet werden soll. Ist es möglich, dies mit Jquery oder Javascript zu tun?

Quelle

2016-04-13 Belatar Yassine

warum nicht die Bildgröße bekommen PHP? Usign JS Sie müssen einen anderen Async-Aufruf für dieses Bild ausführen, bevor Sie das Attribut auf das Bild-Tag setzen –

Sie können es bereits mit PHP-Skript tun, können Sie die PHP-Funktion getimagesize verwenden. http://php.net/manual/en/function.getimagesize.php –

Ich kann dies nicht mit PHP tun, weil auf dieser Seite alle Informationen mit jquery eingereicht werden. Der Benutzer drücken auf Hinzufügen und setzen Sie den Link, dann wird dieses Image-Tag mit Jquery generiert. @ RokoC.Buljan –

Sie können das Bild in Javascript mit einem Image Objekt laden. Dann können Sie die Breiten und Höhen greifen.

var img = new Image(); 
$("svg image").each(function() { 
    var link = $(this).attr('xlink:href'); 
    img.src = link; 
    $(this).attr('width', img.width); 
    $(this).attr('height', img.height); 
});

See:

https://jsfiddle.net/kfmvhokd/3/

Quelle

2016-04-13 01:59:44 Thomas

leider nicht! Das Tag, das ich verwende, ist für SVG. –

@BelatarYassine Ich habe meine Antwort aktualisiert. – Thomas

Es funktioniert nicht die Breite und die Höhe auf der von Ihnen gesendeten Verbindung sind 2000, die nicht genau ist. –

Automatische Breite und Höhe Tag für Bild

Antwort

Verwandte Themen