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

[Kavagutti]

Возможно ли реализовать следующее:
Если у пользователя разрешения экрана 1024*768 выводится один рисунок в титульнике, если выше другой.

 

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

 

[RoLex]

В тэге img есть атрибуты height и width, введи туда данные размера скрина как в примере ниже.

<img src="pic.jpg" height="javascript:screen.height;" width="javascript:screen.width;" />

Правда качетсво картинки получится хреновое, да и пропорциональность В на Ш несоответственная получится. Советую юзать ImageMagick для перерисовки рисунка под нужный размер.

 

[cds]

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

 

[Matsa]

Не проще написать дизайн с height=100%, при этом установить картинку 1024 в левой части с фоном бесконечным в право.. или же посередине вывести?

 

[jurassik]

Добавлено через 2 минуты

Не проще написать дизайн с height=100%, при этом установить картинку 1024 в левой части с фоном бесконечным в право.. или же посередине вывести?

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

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

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

<script type="text/JavaScript">
<!--
if (screen.width < 1025)
{ 
document.write(картинкасмолл);} 
else 
{ 
document.write(картинкабиг);}
-->
</script> 
<noscript>картинканейтрал</noscript>

а если тут что-то непонятно, закройте окно (крест вверху)

 

[cds]

здоровые люди все чаще отключают яваскрипт и активХ

активХ - возможно, яваскрипт - все реже и реже

1. комментирование - в старых операх рискуете увидеть сам текст скрипта.

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

 

[jurassik]

активХ - возможно, яваскрипт - все реже и реже


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

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

 

[gogl]

<img src="1x1px.gif" style="border:#000 1px solid;height:500px;width:100%;background:#fff url(image800x600px.jpg) center;" />