+ Ответить в теме
Показано с 1 по 6 из 6

Тема: Разрешение экрана

  1. #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>

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

  2. #2

    Подмигивание

    Думаю, было бы разумнее использовать ширину документа.
    Если же нужно именно ширину монитора, то замените window.innerWidth на screen.width.

    <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>

  3. #3
    Местный Azazaza на пути к лучшему Аватар для Azazaza
    Регистрация
    21.07.2011
    Адрес
    Одесса
    Сообщений
    468
    Записей в дневнике
    3
    может так


    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">'
    );
    Последний раз редактировалось Azazaza; 12.01.2012 в 20:36.

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

    Хотя возможно так и надо, но сомневаюсь.

  5. #5
    Местный Azazaza на пути к лучшему Аватар для Azazaza
    Регистрация
    21.07.2011
    Адрес
    Одесса
    Сообщений
    468
    Записей в дневнике
    3
    да, точно, поправил)

  6. #6
    Новичок антигерой на пути к лучшему Аватар для антигерой
    Регистрация
    24.01.2008
    Адрес
    UA, Севастополь
    Сообщений
    7
    Задай слой по 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, не знал об этой переменной.
    Последний раз редактировалось антигерой; 17.01.2012 в 10:52.

+ Ответить в теме

Похожие темы

  1. Разрешение картинок
    от Dude в разделе Растровая графика
    Ответов: 8
    Последнее сообщение: 14.02.2013, 10:50
  2. Разрешение экрана
    от people2010 в разделе JavaScript
    Ответов: 0
    Последнее сообщение: 21.02.2011, 18:46
  3. Ответов: 7
    Последнее сообщение: 12.07.2010, 18:42
  4. Разрешение экрана
    от MetSerp в разделе Анимация / Flash
    Ответов: 8
    Последнее сообщение: 04.01.2010, 13:39
  5. Ответов: 4
    Последнее сообщение: 18.02.2009, 09:56

Метки этой темы

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения