Image 'src' Property : Image Img « HTML « JavaScript DHTML

Image 'src' Property

  
    
<html>
<body>
<img id="myImg" 
     src="" 
     alt="" onClick="function1();">
<button onclick="function1();">Click here to load image</button>
<script language="JavaScript">
    function function1() {
        document.all.myImg.src = "http://www.java2s.com/style/logo.png";
    }
</script>
</body>
</html>

Related examples in the same category

1.	Get the file name specified in the href or src property
2.	Image dynsrc
3.	Low resolution Image src
4.	Image Long Description
5.	Image width Example
6.	Does image download completely
7.	Alternative Information Example
8.	Image align Example
9.	'height' Example
10.	'readyState' Example
11.	'galleryImg' Example
12.	Monitors the load process and the display of pictures
13.	Image Animation
14.	Image array
15.	Replace image
16.	An animating image
17.	Mouse in image and out
18.	Scrolling Image
19.	Change the height of an image
20.	Change image
21.	Change image width
22.	Count images in a document
23.	Image Event Handling
24.	Methods and Properties of the Image Object
25.	Testing an Image's align Property
26.	A Scripted Image Object and Rotating Images
27.	Scripting image.complete
28.	Changing Between Still and Motion Images
29.	Simple Image Replacement
30.	Image Error Finder
31.	Image element
32.	Image Roller Machine
33.	Change image in mouse in and out event
34.	Use array to store the image names
35.	Img onmouseover and onmouseout actions
36.	Change vspace for image
37.	Change image src
38.	Set image height
39.	Set image alt message
40.	Change image align
41.	Change image title