Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: всплывающая картинка
 
 автор: Mootch   (16.07.2006 в 15:51)   письмо автору
 
 

Хочу сделать всплывающую картинку при клике на маленькое изображение:

<div style='position: relative;'>
<div style=' position: absolute; top: -25%; left: -25%'></div>


Но возникает проблема - если изображение может вылазить за края экрана. Как расположить картинку по центру экрана ? Именно экрана, а не страницы.

Спасибо.

   
 
 автор: 12345   (17.07.2006 в 14:01)   письмо автору
 
   для: Mootch   (16.07.2006 в 15:51)
 

вылезать
В окне или в слое?

Слой по центру экрана:
<script>d=document;
f1=function(){ourDiv=d.getElementById('d1');
ourDiv.style.left= ((screen.width-ourDiv.offsetWidth)/2-(d.all?screenLeft:screenX)+d.body.scrollLeft
)+'px';
ourDiv.style.top= ((screen.height-ourDiv.offsetHeight)/2-(d.all?screenTop:screenY)+d.body.scrollTop)+'px';}
onload=function(){d.body.onscroll=f1;f1();}
onresize=onload=f1;
setInterval(f1,99);
</script>

<div id=d1 style=width:300px;height:80px;background:#dddddd;position:absolute;>ddddd</div>
(onmove не работает)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования