Блог специалистов
27.10.2010

Код в зависимости от разрешения экрана.

Во время того, как высокие технологии развиваются, появляется все больше электронных приборов для обзора сети Интернет. Ну и конечно же у этих девайсов самое разнообразное разрешение экрана. 

Разрабатывая сайт приходится учитывать эти разрешения, но как быть, если никак не обойтись без того, чтобы на разрешении 1280х800 выводилось одно (например логотип меньшего размера или другая надпись), а на 1024х768 другое?! 

На помощь приходит язык JAVA. 

Представляю Вашему вниманию скрипт, который выводит все, что Вам нужно в зависимости от разрешения экрана. 

Думаю из следующего кода Вам все будет ясно: 

Код
width=screen.width; // ширина 
height=screen.height; // высота 
var resol=width+'X'+height; 
switch (resol) { 
   case '800X600' : 
   document.write('какой-то код или текст вариант 1'); 
   break; 
   case '1024X768' : 
   document.write('какой-то код или текст вариант 2'); 
   break; 
   case '1152X864' : 
   document.write('какой-то код или текст вариант 3'); 
   break; 
   case '1280X800' : 
   document.write =('какой-то код или текст вариант 4'); 
   break; 
   default: 
   document.write('какой-то код или текст, который будет отображен во всех остальных случаях'); 
   break; 
   }


Для совсем новичков поясню, что это код java-скрипта. Для его использования требуется: 

1. Создать файл, например, resolution.js. 

2. Скопировать в него выше написанный код. 

3. И вставить данный скрипт в html-код, в место, которое будет меняться в зависимости от разрешения. Вставляется скрипт вот так: 

Код
<script type="text/javascript" src="/путь к директории со скриптом/resolution.js"></script>


Успехов Вам!


Количество показов: 4187




Возврат к списку