ext style sheet-use different imgs throughout depending on screen size

[leeolive]

Hi!

Thanks for the help with the background img.

Does anyone know if one can change images within a page from within a style sheet?

Ie. I have an external script which detects size of browser and then uses correct style sheet. That specific style sheet would then have an attribute(?) which states that the images should be 'smaller.jpg' etc.
I presume it's something to do with placing a div or span tag around the image in the html page?

At the moment on the page I have

<td rowspan=&quot;3&quot; valign=&quot;top&quot; align=&quot;right&quot;><img src=&quot;graphics/logoreduced.jpg&quot; width=&quot;292&quot; height=&quot;144&quot; border=&quot;0&quot; alt=&quot;CREATE Ventures&quot;></td>
[/code/

Do I remove the <img src> code and put a div in here and then how do I link this in with a style sheet?

Really appreciate the help guys.
Lee