Рисунок в зависимости от разрешения

Тема в разделе "Веб-дизайн", создана пользователем Kavagutti, 23 июн 2008.

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

    Kavagutti Постоялец

    Регистр.:
    19 июн 2008
    Сообщения:
    60
    Симпатии:
    11
    Возможно ли реализовать следующее:
    Если у пользователя разрешения экрана 1024*768 выводится один рисунок в титульнике, если выше другой.
     
  2. shell

    shell Прохожие

    Код:
    [SIZE=2]<script type="text/JavaScript"> [/SIZE]
    [SIZE=2]if(screen.width == 1024){ [/SIZE]
    [SIZE=2]document.write('<img src="pic1.jpg" />'); [/SIZE]
    [SIZE=2]} [/SIZE]
    [SIZE=2]if(screen.width >= 1280){ [/SIZE]
    [SIZE=2]document.write('<img src="pic2.jpg" />'); [/SIZE]
    [SIZE=2]} [/SIZE]
    [SIZE=2]</script>[/SIZE]
    
     
  3. RoLex

    RoLex Писатель

    Заблокирован
    Регистр.:
    5 июл 2008
    Сообщения:
    5
    Симпатии:
    3
    В тэге img есть атрибуты height и width, введи туда данные размера скрина как в примере ниже.

    Код:
    <img src="pic.jpg" height="javascript:screen.height;" width="javascript:screen.width;" />
    Правда качетсво картинки получится хреновое, да и пропорциональность В на Ш несоответственная получится. Советую юзать ImageMagick для перерисовки рисунка под нужный размер.
     
  4. cds

    cds Постоялец

    Регистр.:
    28 янв 2007
    Сообщения:
    90
    Симпатии:
    8
    <img src="pic.jpg" id=img />
    <script type="text/JavaScript">
    if (screen.width == 1024)
    {
    document.getElementById('img').src = "pic1.jpg";
    }
    if (screen.width >= 1280)
    {
    document.getElementById('img').src = "pic2.jpg";
    }
    </script>
     
  5. Matsa

    Matsa Писатель

    Заблокирован
    Регистр.:
    5 мар 2008
    Сообщения:
    8
    Симпатии:
    0
    Не проще написать дизайн с height=100%, при этом установить картинку 1024 в левой части с фоном бесконечным в право.. или же посередине вывести?
     
  6. jurassik

    jurassik Прохожие

    Добавлено через 2 минуты
    Смотря какое именно г... вам нужно получить на выходе.

    к каждой задаче нужен индивидуальный подход, вышеприведенные явас вполне подходяят для ответа на вопрос, но при чем тут ваши фоны... и их положение? Если вы хотите сделать трехгиговый сайт, то сделайте бесконечную картинку, если вы хотите решить посредством явас, смотрите выше, если вам нужно уникальное решение, подумайте головой и почитайте мануалы, но при этом учтите, что здоровые люди все чаще отключают яваскрипт и активХ, чтоб меньше дер888ма хватать от уродов

    если Вас устроит яваскрипт, до добавить еще нужно
    1. комментирование - в старых операх рискуете увидеть сам текст скрипта.
    2. тег носкрипт должен выдать то, что минимум должен увидеть юзер
    пример


    HTML:
     
    <script type="text/JavaScript">
    <!--
    if (screen.width < 1025)
    { 
    document.write(картинкасмолл);} 
    else 
    { 
    document.write(картинкабиг);}
    -->
    </script> 
    <noscript>картинканейтрал</noscript> 
    
    а если тут что-то непонятно, закройте окно (крест вверху) :)
     
  7. cds

    cds Постоялец

    Регистр.:
    28 янв 2007
    Сообщения:
    90
    Симпатии:
    8
    активХ - возможно, яваскрипт - все реже и реже

    насколько старых? в третьей версии?
     
  8. jurassik

    jurassik Прохожие

    такие фишки вылетают в семерке
     
  9. gogl

    gogl Постоялец

    Регистр.:
    12 янв 2009
    Сообщения:
    55
    Симпатии:
    5
    <img src="1x1px.gif" style="border:#000 1px solid;height:500px;width:100%;background:#fff url(image800x600px.jpg) center;" />
     
Статус темы:
Закрыта.