Смена шапки при разном разрешении монитора

[revenge]

Помогите сделать так чтобы шапка сайта сменялась при разном разрешении монитора...
То есть если у меня разрешение 1680 на 1050 то выставляется изображение logo1.jpg, если 1280 на 600 то logo2.jpg и так далее...

Резина в моем случае не подойдет (((

Зараннее очень благодарен!

-----
В поиске такую тему не нашел...

 

[sotee]

<script language="JavaScript" type="text/javascript">
  if(screen.width <= 1680)
    document.getElementById('logo').src="logo1.jpg"
  else
    document.getElementById('logo').src="logo2.jpg"
</script>

Можно вместо screen.width(ширина экрана) использовать document.body.clientWidth(ширина страницы в браузере)

 

[kud]

Только Вы забыли сказать что сама картинка должна быть с id=logo

<img src='logo1.jpg' id='logo'>

Если этого не сделать, то ничего не получится...

PS A php тут по-ходу не при чем ..

 

[serjinio]

<script language="JavaScript" type="text/javascript">
var height=0;
var width=0;
 
if (self.screen) {   
       width = screen.width
       height = screen.height
}
else if (self.java) { 
      var jkit = java.awt.Toolkit.getDefaultToolkit();
      var scrsize = jkit.getScreenSize();      
      width = scrsize.width;
      height = scrsize.height;
}
if (width == 800 && height == 600) {
document.write("<link rel='stylesheet' type='text/css' href='800x600.css'>");
}else if(width == 1024 && height == 768){
document.write("<link rel='stylesheet' type='text/css' href='1024х768.css'>");
}
</script>

смена стилей..где-то выкопал..не помню..может пригодиться...

 

[@lex]

Только если JS отключен или глюк и посетитель увидит истинную красоту сайта.
Да и браузер может оказаться "другой".

 

[toha]

либо проще будет оформить "дизайнерски" - лого сделать под 800х600, а пустоту заполнить заливкой при большем размешении будет нормально, а менее 800х600 никто не использует сейчас уже

 

[SubFocus]

О спс и мне пригодилось

 

[Key_Board]

либо проще будет оформить "дизайнерски" - лого сделать под 800х600, а пустоту заполнить заливкой при большем размешении будет нормально, а менее 800х600 никто не использует сейчас уже

да, я за дизайнерски вариант!

 

[serjinio]

а менее 800х600 никто не использует сейчас уже

Не надо ляля.. я постоянно работаю ..у меня бук 12" ,а у друга 9..
а насчет отключения JavaScript ..только единицы из десятков тысяч отключают его..зачем ,я так и не понял..редиректа боятся наверное...
поэтому ориентироваться на этот мизер не стоит...смело используйте если необходимо..

 

[ikot]

Думаю лучше описать отдельные стили для каждого вида разрешения, т.е. создать отдельные CSS-классы, например img_1024_768, img_800_600 и т.д. После этого с помощью JavaScript определить разрешение экрана (можно способами описанными в предыдущих сообщениях) и в зависимости от него поменять CSS-класс для картинки...