Проблема с выравниванием
И меется что-то вроде:
<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>
Задумка была такая чтобы этот див с картинкой при появлении выравнивался поцентру но нифига не получается. В яваскрипте новичок так что помогите плиз. |
Код:
position:absolute; |
Эт понятно, но один фиг не выравнивает
|
'px' к маргинам нужно добавлять.
|
епт! точно! СПС
|
Блин но он с первого раза по центру не выравнивает. :(
|
Надо дождаться, когда картинка загрузится, чтобы узнать ее размеры.
|
короче в реале у мну такая хрень
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();
}
|
| Часовой пояс GMT +3, время: 02:03. |