different images for different resolutions?

AKR · #1 12-06-2003, 12:58 PM

is it possible to have two separate images for the top two screen resolutions and have the correct image used, depending on the resolution? -Reuben

jpsowin · #2 12-06-2003, 01:57 PM

It might be possible through a javascript detection routine, but it would probably become complicated quick.

I would suggest learning how to code correctly in html and css so it displays correctly on all browsers, resolutions, and platforms.

groovico · #3 12-06-2003, 03:37 PM

have javascript detect the screen res then write out the image url on the fly, keep images in two seperate folders so the javascript would write one res using say folder thumbs800/blah.gif and then thumbs1024/blah.gif.

It seems alot of hassle to go to for little effect though, why not just design for the middle ground? If your routine slipped up it may not accesss the screen variables on all browsers in which case it would display nothing but broken images.

Also means you have to test all pages in all resoloutions too. Remember different machines and cards use a very wide range of screen sizes and you can't always detect if the browser uses sidebars and other such like.

jpsowin · #4 12-06-2003, 03:45 PM

I'm also suprised at how many people don't have their browser full-screen

Can really mess sites up!

AKR · #5 12-07-2003, 08:28 AM

thats' what i decided to do last night, groovico-design it in between the two most popular sizes. thanks guys, Reuben

groovico · #6 12-08-2003, 01:39 PM

Quote:

Originally Posted by jpsowin

I'm also suprised at how many people don't have their browser full-screen

Can really mess sites up!

Opera users love their speed bar at the side, it takes up a huge chunk of screen real estate, same with IE favourites side bar, really dont understand why they dont make it slide out instead over the website.

kangus · #7 12-08-2003, 11:06 PM

Modify your product_thumbnail.tpl and use exif_thumbnail() this GD library function extracts a thumbnail of a file based image, you tell it what size and there is the problem: To nail the true size you need to call Windows API to find the users DPI settings........ Of course SVG images will solve everything real soon now

leon · #8 12-09-2003, 12:27 PM

Quote:

Originally Posted by jpsowin

I'm also suprised at how many people don't have their browser full-screen

Can really mess sites up!

That depends on the design obviously. I prefer full screen width designs, but if a design is highly graphic it normally adjusts to a specific size to make it look better (800 x 600 in most cases).