screen_w = window.innerWidth;
screen_h = window.innerHeight;
, чтобы получить оконные отступы и затем установить его в переменную.Есть ли способ взять эту переменную и затем использовать ее в моем стиле?
Например:
img
{
width:screen_w;
height:screen_h;
}
Я пробовал
<script type="text/javascript">
<style>
img..
</style>
</script>
, но, похоже, это не работает ... это вообще возможно или есть какой-то другой способпередать переменную?
Заранее спасибо.
/// Добавлено
Хорошо, так что ссылка там --- v
Обсуждается созданиеузел, который является вашим "стилем"
<script type="text/javascript">
var head = document.getElementsByTagName('head')[0],
style = document.createElement('style'),
rules = document.createNode('img { width:screen_w; height:screen_h; }');
style.type = 'text/css';
if(style.styleSheet)
style.styleSheet.cssText = rules.nodeValue;
else style.appendChild(rules);
head.appendChild(style);
</script>
, поэтому для моего html мне просто нужно вставить свою картинку.
<img src="slide1.jpg">
, но она все еще не совсем проходит.
Я могу, однако, заставить "document.getElementById работать. Есть ли способ сделать это без кнопки .. как onLoad ()?
function changeSize()
{
document.getElementById("picture").height= screen_h;
document.getElementById("picture").width= screen_w;
}
</script>
</head>
<body>
<img id="picture" src="slide1.jpg" width="300" height="98" />
<br /><br />
<input type="button" onclick="changeSize()" value="Change size of image" />