Мне был нужен такой скрипт, и я его написал для своего сайта. Я сделал сайт под 9 разрешений монитора (да, знаю, я такой), и сделал это так:
Код:
var width = screen.width;
var height = screen.height;
if (width < 1152 && height < 864){
roz=1
}
else if(width >= 1152 && width <= 1280 && height < 800 || height == 864){
roz=2
}
else if(width == 1280 && height >= 800 && height < 960){
roz=3
}
else if(width == 1280 && height >= 960 && height < 1024){
roz=2
}
else if(width >= 1280 && width < 1440 && height <= 1024){
roz=5
}
else if(width >= 1440 && width <= 1600 && height >= 900 && height < 1200){
roz=6
}
else if(width >= 1600 && width < 1680 && height >= 1200){
roz=7
}
else if(width >= 1680 && width < 1920 && height >= 1050){
roz=8
}
else if(width >= 1920 && height >= 1200){
roz=9
}
else{
roz=1
}
тут переменной roz давал различные значения от 1 до 9,
а по по поводу разрешений сделал вообше универсально, если разрешение меньше по длине*висоте чем1152*864, то roz=1 (то то что подстроенно под 1024*768), потом если разрешение по длине*висоте находится между 1152*864 и 1280*800 (это все по списку разрешений монитров) , то roz=2 (то то что подстроенно под 1152*864), и т.д.
(от самых маленьких до самых огромных... разрешения я выбрал самые популярные они
здесь анализ делаете сами) надеюсь поняли... теперь дальше. Вот пример
Код:
switch(roz){
case 1:
x1 = ' <img src="footer1.jpg" borde="0"> '
break
case 2:
x1 = ' <img src="footer2.jpg" borde="0"> '
case 3:
x1 = ' <img src="footer3.jpg" borde="0"> '
break
case 4:
x1 = ' <img src="footer4.jpg" borde="0"> '
break
case 5:
x1 = ' <img src="footer5.jpg" borde="0"> '
break
case 6:
x1 = ' <img src="footer6.jpg" borde="0"> '
break
case 7:
x1 = ' <img src="footer7.jpg" borde="0"> '
break
case 8:
x1 = ' <img src="footer8.jpg" borde="0"> '
break
case 9:
x1 = ' <img src="footer9.jpg" borde="0"> '
break
}
тут если roz=1 то x1 = ' <img src="footer1.jpg" borde="0"> ' , а если roz=2 то x1 = ' <img src="footer2.jpg" borde="0"> ' , и т.д.
осталось вставить их в страницу.
HTML код:
<body>
...
<script type="text/javascript">
document.write(x1);
</script>
...
</body>
Вот и всё. Если нужно ксс то вместо <img src="footer1.jpg" borde="0"> пишите <link rel="stylesheet" type="text/css" href="home/css/style1.css"> , и ставите в хед
HTML код:
<html>
<head>
...
<script type="text/javascript">
document.write(x1);
</script>
...
</head>
название переменных может быть любое. Всем всё разжевал, а где ваши спасибочки?
