Вроде код работает, но есть одна проблема.
|
Код:
|
<script type="text/javascript">
$b = document.documentElement.clientWidth;
alert($b);
if($b<=800)
document.write('<img src="../img/1_14.2.jpg" />
<img src="../img/1_14.3.jpg" /><img src="../img/1_14.4.jpg" />
<img src="../img/1_14.5.jpg" />');
else
{
document.write('<table><tr><td><img src="../img/1_14.2.jpg" />
</td><td><img src="../img/1_14.3.jpg" /></td></tr><tr><td>
<img src="../img/1_14.4.jpg" /></td><td>
<img src="../img/1_14.5.jpg" /></td></tr></table>');
}
</script> |
У меня монитор 19 дюймов и открыто окно браузера на всю страницу.
У меня в результате этого кода, нарисуется табличка 2Х2.
Если у меня будет открыто окно браузера шириной меньше 800 пикселей, у меня каждая картинка перейдёт на другую строку.
Как мне сделать чтоб когда я открою окно браузера на весь экран, а потом буду уменьшать его до меньше 800 шириной сработал скрипт, а не только при обновлении страницы?