Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Всплывающие окна

Автор: olegop 3.12.2007, 11:07

К примеру есть фотография в уменьшенном варианте, которая идет ссылкой на большую фотографию, какими тегами нужно ее описывать, чтобы большая фотография открывалась в конкретно указанных велечинах (ширина, высота) самого окошка (как бы "выпрыгивающего, всплывающего"). Надеюсь ясно выразил мысль.

smile

Спасибо за ранее!

Автор: KonstRuctor 3.12.2007, 14:10

Я делаю так.
На экране уменьшенная копия фотки.
Код ее вот такой:

Код


<img style="CURSOR: pointer" onclick='window.open("/_PATH_/fullscreen.php?fullfoto=_BIG_FOTO.jpg_&bgcolor=000000", "_blank", "width="+(screen.availWidth)+",height="+(screen.availHeight)+",status=no,resizable=no,directories=no,scrollbars=yes,fullscreen=yes,toolbar=no,menubar=no,left=0,top=0")'
    src="_SMALL_FOTO.jpg" alt="Альтернативный текст" width="350" height="263" border="0" />

При щелчке по фотке открывается файл fullscreen.php с цветом фона '000000', причем замену цвета фона я реализую на PHP, у меня цифры 000000 просто некий параметр.
В файле fullscreen.php прописываю:

Код


<a href='javascript:window.close()' title='Щелчок по фотографии закроет окно'>
<img src='/_PATH_/_BIG_FOTO.jpg' border='0' /></a>

бОльшая часть кода по управлению у меня написана на PHP, здесь я просто постарался показать мой алгоритм.
Буду рад, если чем-то помог.

Автор: olegop 3.12.2007, 16:26

Спасибо, указали куда копать!