Форум

Najche2zz · #1 (**permalink**) 11.08.2009, 13:00

И меется что-то вроде:

<style>
#prew{
    position:absolut;
    z-index:100;
    left:50%;
    top:50%;
    display:none;
}
</style>

<script type="javascript">
function prewew(img){
    el = document.getElementById('prew');
    document.prew_img.src=img;
    x = el.offsetWidth;
    y = el.offserHeight;
    el.style.display='block';
    el.style.marginleft = '-'+x/2;
    el.style.margintop = '-'+y/2;
}
</script>

<body>
<div id="prew">
<img src="" name="prew_img">
</div>
</body>

Задумка была такая чтобы этот див с картинкой при появлении выравнивался поцентру но нифига не получается.
В яваскрипте новичок так что помогите плиз.

Kolyaj · #2 (**permalink**) 11.08.2009, 13:06

Код:

position:absolute;

Najche2zz · #3 (**permalink**) 11.08.2009, 13:10

Эт понятно, но один фиг не выравнивает

Kolyaj · #4 (**permalink**) 11.08.2009, 13:22

'px' к маргинам нужно добавлять.

Najche2zz · #5 (**permalink**) 11.08.2009, 13:32

епт! точно! СПС

Najche2zz · #6 (**permalink**) 11.08.2009, 16:30

Блин но он с первого раза по центру не выравнивает.

Kolyaj · #7 (**permalink**) 11.08.2009, 16:33

Надо дождаться, когда картинка загрузится, чтобы узнать ее размеры.

Najche2zz · #8 (**permalink**) 11.08.2009, 16:36

короче в реале у мну такая хрень

function ready () {
	el = document.getElementById('load');
	el.style.display='none';
	element = document.getElementById('prew');
	element.style.display = 'block';
	x = element.offsetWidth;
	y = element.offsetHeight;
	element.style.marginLeft='-'+x/2+'px';
	element.style.marginTop='-'+y/2+'px';
}

function prewew(img) {
	document.prew.src=img;
	el = document.getElementById('load');
	el.style.display = 'block';
	el2 = document.getElementById('body');
	el2.style.opacity=0.3;
	document.onLoad = ready();
}

Форум

Справочник

Discord чат

Курсы javascript