Home/ Questions/Q 156445
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T10:19:46+00:00

In an HTML window, I am setting a custom body <img src=file://[filename]> to display

  • 0

In an HTML window, I am setting a custom body 

<img src='file://[filename]'>

to display an image.

Now I want to strectch the image to fit the available window, but preserve aspect ratio. 

<img src='file://[filename]' width='100%' height='100'>

stretches but also distorts the image.

Is there some HTML trickery to do that? IE only solution is fine, since this is in a hosted broweser control.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. If you want to preserve aspect ratio, you only need to specify one dimension ie:

    <img src='file://[filename]' width='100%' alt='' />

    You can use javascript to determine max dimension and resize accordingly

    <script type='text/javascript'> function getImgSize(id){ var pic = document.getElementById(id); var h = pic.offsetHeight; var w = pic.offsetWidth; alert ('The image size is '+w+'*'+h); } </script>
    • 0