asp.net.ph

Skip Navigation Links

LOWSRC Attribute | lowsrc Property

Language References


Sets or retrieves a lower resolution image to display.

Syntax


Inline <IMG LOWSRC = strUrl...>
Script object.lowsrc = strUrl ]

Possible Values


strUrl String value for the URL of the lower resolution image.

The property is read/write with no default value.

Remarks

You can display a low-resolution version of a graphic while the user's browser is downloading the final version. This feature is useful for large or high-resolution images. If the picture is an image map, site visitors with slow Internet connections can proceed to click hotspots based on the low-resolution picture, without having to wait for the entire high-resolution image to finish downloading.

First you must create a low-resolution version of your picture, usually by reducing the color depth ( number of colors ) in the picture. The fewer colors you specify, the faster it will be displayed.

Because the low-res picture is intended as a placeholder for the final image, you should not change the height or width of the picture. If the URL in the src property references an image that is not the same size as the image cell it is loaded into, the source image is scaled to fit.

Setting the src property in client-side script starts to load the new URL into the image area ( and abort the transfer of any image data that is already loading into the same area ). So if you are going to alter the lowsrc property, do so before setting the src property.

Example

This example shws how to inculde a low resolution placeholder with an image.

<img src="images/violets.jpg"
  lowsrc="images/smviol.gif"
  height=180 width=120 alt="violets">
Applies To

IMG



© 2025 Reynald Nuñez and asp.net.ph. All rights reserved.

If you have any question, comment or suggestion
about this site, please send us a note