Задавайте сюда свои вопросы по веб - дизайну.
И вот первый вопрос:
Как сделать так, что бы при нажатие на картинку, она открывалась в новом окне(окно должно быть ужато по размерам картинки и в окне не должно быть панели управления)?
Вопросы по веб - дизайну
Сообщений 1 страница 2 из 2
Поделиться12007-01-22 19:23:20
Поделиться22007-02-12 16:55:09
А насчёт окна вот тэг:
1. Способ
<!-- Popup-окна
Copyright (C) WINsoft 1997-2006-->
<script language="javascript">
function openPopupWin()
{
var sURL, sDesrc;
var sParams = new Array(6);
// загружаемый URL в новом окне
sURL = "http://winsoft.tulpar.net";
// настройки открываемого окна браузера
sParams[0] = "500"; // ширина окна в пикселях
sParams[1] = "160"; // высота окна в пикселях
// "no" - скрыть элемент, "yes" - показать
sParams[2] = "no"; // наличие статус строки
sParams[3] = "no"; // наличие кнопок (toolbar)
sParams[4] = "no"; // наличие меню
sParams[5] = "no"; // наличие скроллингов
sDesrc = "width=" + sParams[0] + ", height=" + sParams[1] +
", status=" + sParams[2] + ", toolbar=" + sParams[3] +
", menubar=" + sParams[4] + ", scrollbars=" + sParams[5];
window.open(sURL, "displayWindow", sDesrc);
}
</script>
<!-- вариант с обычной ссылой -->
<a href="#" onclick="openPopupWin()">Открыть popup-окно</a>
<p>
<!-- вариант с кнопкой -->
<input type="submit" name="popupWin" value="Popup - окно" onclick="openPopupWin()">
2. Спооб
<a href="http:/site.ru/" onClick="window.open('http://site.ru/', 'my_window',
config='height=300,width=300,menubar=no');">Ссылка-картинка</a>
3. Способ
<a style="" href="#" name="00" onmouseover="window.status='текст'; this.style.cursor='hand';" onclick="window.open('путь до файла','',& #39;Toolbar=0,Location=0,Directories=0,Status=0,Menubar=0,Scrollbars=1,Resizable
=0,Width=600,Height=400');">текст ссылки</a>
1.Пишем функцию
Код
function viewImage(src)
{
// загружаем изображение
prevImg = new Image();
prevImg.src = src;
// получаем высоту и ширину
w = prevImg.width;
h = prevImg.height;
viewer = window.open(src, "PREV", "width=" + w + ",height=" + h +
"toolbar=no,status=no,scrollbars=no,menubar=no,resizable=no");
viewer.document.body.style.padding = 0;
viewer.document.body.style.margin = 0;
viewer.document.body.style.textAlign = "center";
viewer.resizeTo(w+10,h+30);
viewer.focus();
return false;
}
А вот это на саму ссылку
Код
<A onclick="return viewImage(this.href);"
target="PREV" href="../images/gallery/start_paket.gif">
картинка №1 в виде ссылки</a>
Похожие темы
www | Для вебмастера. | 2006-11-10 |