--> home Seitenstatus 3

 JavaScript


Einführung in JavaScript Primer

Variablen und Objekte in JavaScript. Variablen

Schleifen, Bedingungen und Funktionen in JavaScript Strukturen

Grundsätzliches zu Objekten in JavaScript Objekte

Objekte, die der Client/Browser zur Verfügung stellt Browser

Das klassische Objektmodell für Elemente einer HTML-Seite HTML

Multimedia »

Dynamisches HTML der ersten Generation DHTML

DOM ermöglicht den Zugriff auf HTML- oder XML-Objekte DOM

Bibliothek, Sites mit fertigen Skripten oder Beispielen Skripte

Software

img-Objekt
image

Eigenschaften img-Objekt
Eigenschften
embeds-Objekt
embed
applet-Objekt
applet
ActiveMovie undJavaScript
ActiveMovie
Sound undJavaScript
Sound
Flash und JavaScript
Flash

PageMap 
(Umfang 188 Seiten)



Sponsoring  




3 img-Element [html]

Assoziiert  






JavaScript-Objekte

spez. Seiten zu JavaScript  





 


Auswahl dBooks:

Suche und verwandte Themen  





Verschiedenes  


Netonstage - webprojekte - webconsulting - softwareentwicklung
back


     image

JavaScript kann mit dem Image-Objekt Bild-URLs ändern. Der MSIE kann sogar alle Attribute beliebig ändern.

Das image-Objekt referenziert auf das img-Element einer Seite. Neben den auf der HTML-Seite über Tags definierten Bild-Objekten wurde zusätzlich ein Javascript-Objekt Images eingeführt, um Bilder vorzuladen und diese bei einen Event ohne Ladeverzögerung in ein "real existierendes" Bild-Element einzufügen.

Die mit dem Navigator 3.0 eingeführten Objekte ermöglichten Rollover-Effekte und Web-Seiten, die nicht mehr ganz so statisch waren wie bisher . Der MSIE hat mit der Version 4.0 auch die NN-Definition übernommen.

Der Navigator 3.0 hat allerdings die Bilder nicht vollkommen gelöscht, so daß auf transparenten Bereichen der Vorgänger zu sehen war. Etwas lästig ist auch, daß der Rollovereffekt nicht im IMG-Bild selbst definiert werden kann, sondern ein Hyperlink drumrumgesetzt werden muß.

Beim NN hat sich bezüglich Interpretation unter den 4.0-Versionen nicht viel getan. Der MSIE erlaubt in der Regel schreibende Zugriffe auf alle Eigenschaften, die Sie in den Beispielen nachvollziehen können. Der NN beschränkt sich mit dem Schreiben auf das Auswechseln von Bildern.

    Bildertausch


Eine kleine Variante des Einstiegsbeispiels. Statt dem Hund wird ein Punkt genommen, der auf die Größe des Nashorn-Bildes skaliert wird.
   Ergebnis
   Quellcode

   <script language="javascript">
   <!--
      var imgBR=new Image();
      imgBR.src='/pic/br1.gif';
      var imgNashorn=new Image();
      imgNashorn.src='/pic/example/nashorn.jpg';
   //-->
</script>
<a href="#"
onmouseover="document.bild.src=imgBR.src;"
onmouseout="document.bild.src=imgNashorn.src;"><img src="/pic/example/nashorn.jpg" width=320 height=170" name="bild" border="1"></a>






  Links



Unkommentierte Links:

Bewertung: wsabstract.com: Accessing images/ image rollovers
Bewertung: CNET Builder.com: Blow Up Your Images
Bewertung: microsoft.com: DHTML: images Object
Bewertung: irt.org: FAQ: JavasScript Image
Bewertung: SelfHTML: image-Objekt
Bewertung: tech.irt.org: Images
Bewertung: WebDevelopersJournal.com: JavaScript Image Object
Bewertung: Netscape: JavaScript-Referenz: Imgage
Bewertung: google.de: Suche: javascript+images+objekt (de)
Bewertung: webreference.com: Universal JavaScript Rollovers

Link empfehlen



 forward


(München, 2001-04-25 08:17:53 / )
Der Betreiber von www.dBooks.de übernimmt keine Verantwortung für den Inhalt und die Richtigkeit der Angaben auf den verlinkten Websites. Zu den üblichen NoNos gibt es keine direkten Verweise.

(Umfang dBook JavaScript: 188 Themenseiten )
letzte Generierung Mon, 30 Apr 2001 12:46:10 GMT 101
© Werner Diwischek