[explosive]

Hi

ive written a piece of javascript to detect the users screen res and display a different sized logo image depending on the res.

The code works fine in Internet Explorer but doesn't work in FireFox.

<script type="text/javascript">
<!--
if ((window.screen.width==1024) && (window.screen.height==768))
{

 document.write('<img src="images/logo1024_768.jpg" alt="logo" class="explo_title" />'); 

}
else if ((window.screen.width==800) && (window.screen.height==600))
{
 document.write('<img src="images/logo800_600.jpg" alt="logo" class="explo_title" />'); 
}
//-->

</script>

Any ideas why?

[Brown]

not sure, might be something to do with the width not being exactly 1024 wide, maybe try:

window.screen.width>1000

rather than trying to guess the exact size - seems a pretty weird thing to be doing anyway.

surely it should be the other way round anyway - if 800x600 then display small image, else, large image - what happens if your resoution is different from either of those specified in the script?