|
скрытие изображений при изменении размеров окна браузера
Здравствуйте,
я новичок в JS и никак не могу сделать функцию чтобы при изменении размера окна скрывалось изображение (и так в две стороны, display=('inline-block') и display=('none') размер окна в 'px'). Сделал вот такой код но он не работает, буду очень благодарен за любую помощь.
P.S. Не лучше ли использовать innerHTML вместо display:block (none)? ведь старые IE не понимают display:block...?
function hide() {
var headBlock = document.createElement ('div');
headBlock.id = ('header');
var imagine = document.createElement ('img');
imagine.src = 'http://domen.com/test-img.png'
imagine.style.display = ('inline-block');
headBlock.appendChild (imagine);
document.body.appendChild (headBlock);
var WinWid = window.display.availWidth;
if (WinWid < 450) {imagine.style.display = ('none');}
else {imagine.style.display = ('inline-block');}
}
или может так?
if (WinWid < 450) {
if (imagine.style.display = ('none')) imagine.style.display = ('inline-block');
}
else {imagine.style.display = ('inline-block');}
Вызываю функцию: <body onload="hide()"></body>
|