|
|
Posted by cwdjrxyz on 05/31/06 03:02
dorayme wrote:
> What are your or anyone's favourite examples of serious
> commercial (with much product and complexity, need for photos)
> webpages that enable some folk to enjoy the benefits of their big
> screens (normal landscape/approx.4:3) while avoiding irritating
> those with a 700px limit? Yes, all is a trade off. But be nice to
> ground this in examples.
One can vary the size of the image if one wishes to use javascript. You
detect the browser screen width and height and adjust the image screen
width or screen height so that it is some percentage of the total
screen width or height. Then you use a document.write to write a
division including the image using the calculated desired width/height.
Of course if script is turned off, you get no image. But there is a way
around this using CSS. You first write a division containing the image
with some image width/height that will fit in the minimum browser
window size in which you are interested. This division should have an
id. If script is not on, you get only this image. If script is working,
you in addition write script code to switch the small image to hidden
and then the division for the larger image size is written as described
above. I can not recall a commercial page that does this, but then I
have not searched for it. I have used this technique on a few pages in
the past. However if you are going to use a near screen-filling image
that takes advantage of the resolution of a very large screen size, the
byte size of the image must be quite large compared to what often is
used on the web. This is no problem for viewers on broadband, but it
could cause rather slow page loading on slower dialup connections.
Navigation:
[Reply to this message]
|