In order to access this site you need to enable JavaScript!

You are here: Reference > JavaScript > client-side > HTML DOM > properties > lowsrc (img, input:image)

lowsrc property (img, input:image)

Browser support:

Specifies or returns the location of a lower resolution image to display.

This property was supported by earlier versions of browsers. Nowadays browsers do not support it.

Syntax:

object.lowsrc;

You can find the related objects in the Supported by objects section below.

This property is read/write.

HTML page for this property: lowsrc

Possible values:

String that sets or retrieves the URL of the image. It can be an absolute or relative path as well. Relative paths are relative to the base URL. The base URL is the location of the current document, but it can be overridden by the base tag.

Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the lowSrc attribute:

<img height="212px" width="300px" src="picture.gif" lowsrc="low_picture.gif" />

Copy Code

Syntax Highlighter

Did you find this example helpful? yes no

Example HTML code 2:

This example illustrates the use of the lowSrc property:

<head>
    <script type="text/javascript">
        function CreateImage () {
            var img = document.createElement ("img");
            img.lowsrc = "low_picture.gif";
            img.src = "picture.gif";

            var container = document.getElementById ("container");
            container.appendChild (img);
        }
    </script>
</head>
<body>
    <button onclick="CreateImage ();">Create image with lowsrc!</button>
    <div id="container"></div>
</body>