Форум Сайтостроение Веб-строительство

JS Расширение монитора

Станислав
На сайте с 27.12.2009
Offline
249
Станислав
580

Всем привет, в js не рублю совсем, прошу помощи.

Нужно в 

<img src="картинка" width="" />

вставить ширину монитора, как это осуществить?

Мы там, где рады нас видеть.
IL
На сайте с 20.04.2007
Offline
435
ivan-lev
#1

width="100%" займёт всю ширину родительского блока.

В js получить ширину экрана - screen.width

Попробовать так можно


<script>document.write('<img width="' + screen.width + '" src="..."/>')</script>

Хотя, я предпочитаю выводить с "нормальной" шириной, а потом изменять... (на onload или $(document).ready())

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )
богоносец
На сайте с 30.01.2007
Offline
768
богоносец
#2

Только лучше ширину окна document.body.clientWidth

и каждую секунду её перепроверять :)

Для новых браузеров лучше CSS 3 http://htmlbook.ru/css/value/media

Станислав
На сайте с 27.12.2009
Offline
249
Станислав
#3

да думаю попробую лучше с ccs3 поиграться

СПС за ответы

богоносец
На сайте с 30.01.2007
Offline
768
богоносец
#4

Но в старье только JS 


<html>

<head>

<title>Ту-154 — Википедия</title>



<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />



</head>



<body style="padding:0;margin:0" onresize="window.location.reload();">



<div>



<noscript>скрипты выключены (это лучше картинкой написать)</noscript>



<script type="text/javascript">



document.write('<img width="' + document.body.clientWidth + '" src="http://upload.wikimedia.org/wikipedia/commons/a/aa/Kras_Air_Tu-154_RA-85702.jpg">');



document.write('<p style="position:absolute;top:10;left:10;color:#962">ширина окна <b>' + document.body.clientWidth + '</b> px</p>');



</script>



</div>

</body>

</html>

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий