X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Разрешение экрана
webog
webog
Topic Starter сообщение 12.1.2012, 20:20; Ответить: webog
Сообщение #1


Ув. Гуру!

Подскажите, как решить проблему с разрешением экрана?

Что бы с разрешением 1366 показывало одну картинку, а с разрешением 1680*1050 подсовывало другую!
Есть скрипт
<link href="http://kyshetka.com/themes/grin/css/1680.css" rel="stylesheet" type="text/css">
<link href="http://kyshetka.com/themes/grin/css/1366.css" rel="stylesheet" type="text/css">
<script>
w=1680;
if (screen.width >= 1366) w=1366;
else if (screen.width >= 1680) w=1680;
if (w > 1024) document.write(
'<link href="http://kyshetka.com/themes/grin/css/'+w+'.css" rel="stylesheet" type="text/css">'
);
</script>
</head>

Но что то не получается...
Что делать?


--------------------
ЙА КЛОНОВОД
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kakto_os
kakto_os
сообщение 12.1.2012, 21:01; Ответить: kakto_os
Сообщение #2


Думаю, было бы разумнее использовать ширину документа.
Если же нужно именно ширину монитора, то замените window.innerWidth на screen.width.
[JS]
<script>
var w = window.innerWidth;
var cssName;
if ((w >= 1366) && (w < 1680)) cssName = 1366; else if(w >= 1680) cssName = 1680;
if (w >= 1366) document.write('<link href="http://kyshetka.com/themes/grin/css/'+cssName+'.css" rel="stylesheet" type="text/css">');
</script>
[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 12.1.2012, 21:03; Ответить: Azazaza_hb
Сообщение #3


может так

[JS]
w=1366;
if (screen.width >= 1680) w=1680;
if (screen.width > 1024) document.write(
'<link href="http://kyshetka.com/themes/grin/css/'+w+'.css" rel="stylesheet" type="text/css">'
);
[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kakto_os
kakto_os
сообщение 12.1.2012, 21:21; Ответить: kakto_os
Сообщение #4


Azazaza, в коде, при разрешении меньшим, чем 1366*х, но большим, чем 1024*х (1280*768 например), будет всегда выводиться css для 1680.

Хотя возможно так и надо, но сомневаюсь.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Azazaza_hb
Azazaza_hb
сообщение 12.1.2012, 21:36; Ответить: Azazaza_hb
Сообщение #5


да, точно, поправил)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
антигерой
антигерой
сообщение 17.1.2012, 11:37; Ответить: антигерой
Сообщение #6


Задай слой по ID и в зависимости от разрешения экрана загоняй в него с помощью InnerHTML какие надо картинки.

<div id="pictures424"></div>

<script type="text/javascript">

var body_width=document.body.clientWidth;
var body_height=document.body.clientHeight;

if(body_width==100){ document.getElementById("pictures424").innerHTML='<img src="pic_100x30.jpg">'; }

elseif(body_width==200){ document.getElementById("pictures424").innerHTML='<img src="pic_200x30.jpg">'; }

elseif(body_width>300){ document.getElementById("pictures424").innerHTML='<img src="pic_300x30.jpg">'; }

else{ document.getElementById("pictures424").innerHTML='<img src="pic_400x30.jpg">'; }

</script>
Вот как-то так я бы сделал.

Не знаю твоих задач, но я бы оперировал с document.body.clientWidth (ширина именно окна браузера, а не всего экрана)
Хотя когда как. Я у себя сейчас переправил одну из процедур на screen.width, не знал об этой переменной.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) От какого экрана будут меньше уставать глаза OLED или IPS?
3 metvekot 981 12.3.2024, 16:25
автор: MisterBit
Открытая тема (нет новых ответов) Подборка экрана к ноутбук
12 L1nk_321 2533 5.3.2024, 14:10
автор: AlenaHead
Открытая тема (нет новых ответов) Прижать к низу экрана
2 sergei_burg 5382 2.9.2018, 23:17
автор: -dkflbr-
Открытая тема (нет новых ответов) Фоны в в div'ах расходятся при сужении экрана
1 Balalaaika1 5615 2.6.2015, 19:35
автор: -Degradator-
Открытая тема (нет новых ответов) Запрет вывода при другом разрешение
2 Barmaley 6275 14.12.2014, 3:47
автор: -danil-html-


 



RSS Текстовая версия Сейчас: 29.3.2024, 1:03
Дизайн