Всё расписывать сейчас не хочу, так что вот вам «чистый» код. Если кому-то нужно что-то «лично под себя» пишите, напишу «лично вам» ..
Это «общий вариант кода», естественно, его можно сократить, если писать, «под себя» ...
Java Script (определяем разрешение и назначаем переменные)
Code
<script type="text/javascript">
<!--
var x,y;
// общий синтаксис
if (self.innerHeight) {
x = self.innerWidth;
y = self.innerHeight;
// IE 6 Strict Mode
} else if (document.documentElement && document.documentElement.clientHeight) {
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
// Остальные версии IE
} else if (document.body) {
x = document.body.clientWidth;
y = document.body.clientHeight;
}
//-->
</script>
Java Script (определяем то или иное действие при том или ином результате)
Code
<script type="text/javascript">
document.write('<style>');
if (x <= 800) {document.write('#clientWidth{background:url(/_example/rotator/psBg.gif);width:700px;}');}
if (x >= 800 && x < 1000) {document.write('#clientWidth{background:url(/_example/rotator/psBg-e.gif);width:900px;}');}
if (x >= 1000 && x < 1200) {document.write('#clientWidth{background:url(/_example/rotator/psBg-b.gif);width:1100px;}');}
if (x >= 1200) {document.write('#clientWidth{background:url(/_example/rotator/psBg-g.gif);width:1500px;}');}
document.write('<\/style>');
</script>
Разбил скрипт на две части, исключительно для удобства «вникания» ... Да ... некоторым это требуется ... ヅ
Кому всё понятно, скрипт объединяем, и вставляем между </head> и </head>, как ни странно ... Хотя, можно и в другое место, главное, до элемета, к которому пишем скрипт ... ヅ
Скриншот:
Файлы:
☑ Пример ... (сама страница ... с примером ...)
P.S. Пожелания и вопросы сюда, а не в личку ...
Flesh
