Posted by Jim Higson on 12/24/60 11:44

Maxi wrote:

>> > One question. If I remove the 100% table height width criteria, then on
>> > 800 X 600 screen resolution, it will take up the entire browser window
>> > and if I chang the resolution to 1152 X 864, the table will appear in
>> > the center leaving extra space in the background. Right?
>>
>> "in the center": no, only if you told it to.
>> "leaving extra space": yes, obviously.
>>
>> > If yes, how
>> > can I avoid this?
>>
>> Avoid what exactly?
>
> Avoid having extra spaces surrounding the table if the screen
> resolution is high.
>
>>
>> > Is there no way (may be javascript) to detect the system's screen
>> > resolution first and accordingly resize the pictures?
>> > For instance If i have pictures of 50 X 50 pixels then,
>> > If screen resolution is 800 X 600, resize it to 24 X 24
>> > if screen resolution is 1280 X 720, resize it to 32 X 32
>> > if screen resilution is 1152 X 864, resize it to 40 X 70
>>
>> I don't know - I don't do JavaScript.
>
> No problem, I will post it in Javascript forum.

You could do this by using DOM to change the width/height of the <img> tags,
but the results would look awful since most browsers don't do scaling very
well (they use nearest neighbour algorithm, which looks bad). I suppose you
could keep pre-scaled images at certain sizes on the server, and change the
src attribute to link to the size you want.

Remember, screen size only really matters if the browser is fullscreen.

If you want truly scalable images, the only option at the moment is SVG, but
support is only there in a few browsers.

--
Jim

[Back to original message]