JavaScript Grundkurs

Native Bildobjekte

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
In JavaScript können Sie mit der Klasse Image und deren Konstruktor über new Image() Bildobjekte erzeugen, denen als Eigenschaften alle Attribute zur Verfügung stehen, die Sie vom <img>-Element kennen.
01:53

Transkript

Es gibt in JavaScript die Möglichkeit, native Bildobjekte zu erzeugen. Ich möchte sie hier in diesem Film kurz vorstellen, obwohl die konkrete Anwendung etwas schwierig ist. Nicht, weil Bildobjekte schwierig zu erstellen wären oder das Verständnis schwierig ist... Bevor Sie die Bildobjekte in die Website hineinbekommen, müssen Sie auf Objekte der Website zugreifen können. Und das führt im Moment noch zu weit. Es gibt auch ein Gegenstück zu den nativen Bildobjekten, aus dem sogenannten DOM. Und erst, wenn wir beide Facetten zusammen haben, kann man sinnvoll in der Praxis mit diesen Bildobjekten arbeiten. Grundsätzlich aber kann man mit dem Konstruktor "new Image" ein Bildobjekt erzeugen, und diese Bildobjekte haben dann alle Eigenschaften zur Verfügung, die man so von einem Bildobjekt erwarten kann. Im Wesentlichen sind das die gleichen Eigenschaften, die Sie bei einem Image-Tag als Attribute zur Verfügung haben. Sie haben ja dort die Eigenschaft "source" zur Verfügung, um die Quelldatei eines Bildes anzugeben. Und vollkommen analog hätten Sie hier über ein Bildobjekt eine Eigenschaft ".src" zur Verfügung. Oder der ALT-Tag für den alternativen Text würde hier genauso zur Verfügung stehen. Die Breite "width", die Höhe... Das heißt, diese Bildobjekte an sich sind sehr einfach, weil sie extrem stark an dem Image-Tag orientiert sind. Aber wie man sie wirklich in der Website sehen kann, das erfordert Kenntnisse des DOM-Konzeptes. Merken Sie sich trotzdem, dass Sie native Bildobjekte so erzeugen können.

JavaScript Grundkurs

Lernen Sie die Möglichkeiten der universellen Sprache JavaScript kennen und machen Sie sich mit der Syntax vertraut, um Ihre Web-Applikationen durch effektive Skripts zu ergänzen.

8 Std. 20 min (134 Videos)
Derzeit sind keine Feedbacks vorhanden...

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!