Image : img « HTML Tags « JavaScript Tutorial

JavaScript Tutorial

1. Language Basics

2. Operators

3. Statement

4. Development

5. Number Data Type

6. String

7. Function

8. Global

9. Math

10. Form

11. Array

12. Date

13. Dialogs

14. Document

15. Event

16. Location

17. Navigator

18. Screen

19. Window

20. History

21. HTML Tags

22. Style

23. DOM Node

24. Drag Drop

25. Object Oriented

26. Regular Expressions

27. XML

28. GUI Components

29. Animation

30. MS JScript

Microsoft Office Word 2007 Tutorial

Java

Java Tutorial

Java Source Code / Java Documentation

Java Open Source

Jar File Download

Java Articles

Java Products

Java by API

C# / C Sharp

C# / CSharp Tutorial

ASP.Net

JavaScript DHTML

JavaScript Reference

HTML / CSS

HTML CSS Reference

C / ANSI-C

C Tutorial

C++

C++ Tutorial

PHP

Python

SQL Server / T-SQL

Oracle PL / SQL

Oracle PL/SQL Tutorial

PostgreSQL

SQL / MySQL

MySQL Tutorial

VB.Net

VB.Net Tutorial

JavaScript Tutorial » HTML Tags » img

21. 9. 1. Image

The Image object represents an image that was created with the tag.

Images can be downloaded and cached dynamically by using the Image() constructor.

Images cannot be displayed using the constructor.

The constructor takes two optional arguments, width and height.

width specifies the width of the image in pixels.

height specifies the height of the image in pixels.

If these arguments are larger or smaller than the actual image, the image will be stretched to these dimensions.

The image to load is specified using dot notation and the src property.

Properties/Methods/Events Description
border Width of border around image
complete Has image finished loading?
height Height of image
hspace Padding on left and right of image.
lowsrc Alternate image for low-resolution displays
name Name of image
src URL of image
vspace Padding on top and bottom of image
width Width of image
handleEvent() Invokes an images event handler
onAbort Handler when image load is aborted
onError Handler when error occurs while loading image
onKeyDown Handler for KeyDown events within image
onKeyPress Handler for KeyPress events within image
onKeyUp Handler for KeyUp events within image
onLoad Handler when image is finished loading

<html> <head> <title>Example of Image Object</title> <script language="JavaScript">  </script> </head> <center> <form> <input type="button" value="Change Image" onClick="changeImage()"> </form> <img name="magic" src="http://www.java2s.com/style/logo.png"> </center> </html>

21. 9. img
21. 9. 1. Image
21. 9. 2. Image.border
21. 9. 3. Image.complete
21. 9. 4. Image.height
21. 9. 5. Image.hspace
21. 9. 6. Image.lowsrc
21. 9. 7. Image.name
21. 9. 8. Image.src
21. 9. 9. Image.vspace
21. 9. 10. Image.width
21. 9. 11. Change link image in mouse in and mouse out
21. 9. 12. Image substitute
21. 9. 13. Image load onerror event (IE)
21. 9. 14. Add onerror handler to image element within document element array (IE)
21. 9. 15. Replace an Image under mouse event (onMouseOver, onMouseOut)
21. 9. 16. Slide Show

www.j_av_a_2s.c_o_m_ | Contact Us

Copyright 2003 - 08 Demo Source and Support. All rights reserved.

All other trademarks are property of their respective owners.