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

Тема в разделе "PHP", создана пользователем revenge, 25 фев 2009.

Статус темы:
Закрыта.
Модераторы: latteo
  1. revenge

    revenge Создатель

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

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

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

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

    sotee Создатель

    Регистр.:
    10 июл 2008
    Сообщения:
    17
    Симпатии:
    5
    HTML:
    
    <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(ширина страницы в браузере)
     
  3. kud

    kud Постоялец

    Регистр.:
    18 фев 2009
    Сообщения:
    89
    Симпатии:
    11
    Только Вы забыли сказать что сама картинка должна быть с id=logo
    HTML:
    <img src='logo1.jpg' id='logo'>
    Если этого не сделать, то ничего не получится...

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

    serjinio

    Регистр.:
    10 май 2007
    Сообщения:
    439
    Симпатии:
    49
    HTML:
    <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> 
    смена стилей..где-то выкопал..не помню..может пригодиться...
     
  5. @lex

    @lex Постоялец

    Регистр.:
    13 июн 2006
    Сообщения:
    50
    Симпатии:
    3
    Только если JS отключен или глюк и посетитель увидит истинную красоту сайта.
    Да и браузер может оказаться "другой".
     
    pavel012007 нравится это.
  6. toha

    toha

    Регистр.:
    8 июн 2006
    Сообщения:
    299
    Симпатии:
    26
    либо проще будет оформить "дизайнерски" - лого сделать под 800х600, а пустоту заполнить заливкой :) при большем размешении будет нормально, а менее 800х600 никто не использует сейчас уже
     
  7. SubFocus

    SubFocus Создатель

    Регистр.:
    28 июн 2008
    Сообщения:
    18
    Симпатии:
    0
    О спс и мне пригодилось
     
  8. Key_Board

    Key_Board Писатель

    Регистр.:
    21 сен 2006
    Сообщения:
    9
    Симпатии:
    0
    да, я за дизайнерски вариант!
     
  9. serjinio

    serjinio

    Регистр.:
    10 май 2007
    Сообщения:
    439
    Симпатии:
    49
    Не надо ляля.. я постоянно работаю ..у меня бук 12" ,а у друга 9..
    а насчет отключения JavaScript ..только единицы из десятков тысяч отключают его..зачем ,я так и не понял..редиректа боятся наверное...:D
    поэтому ориентироваться на этот мизер не стоит...смело используйте если необходимо..
     
  10. ikot

    ikot Создатель

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