-
Уважаемый посетитель!!!
Если Вы уже являетесь зарегистрированным участником проекта "миХей.ру - дискусcионный клуб",
пожалуйста, восстановите свой пароль самостоятельно, либо свяжитесь с администратором через Телеграм.
Trotil
Команда "У.М."
NiVa4e
Размеры можно задать в window.open (универсальный пример с центровкой окна):
Касаемо урла. Есть несколько направлений:
1) создать кучу *.htm для каждой картинки
2) Передача имени картинки в php скрипт: *.php?image=img1.jpg;
3) Передача имени картинки в htm: *.htm?img1.jpg;
Последний способ малоизвестен. Дело в том, что в html тоже можно передавать параметры, а получить их можно с помошью функции window.location.search.toString() - это все что после знака "?".
Размеры можно задать в window.open (универсальный пример с центровкой окна):
Код:
var myWindow;
function openCenteredWindow(url) {
var width = 400;
var height = 300;
var left = parseInt((screen.availWidth/2) - (width/2));
var top = parseInt((screen.availHeight/2) - (height/2));
var windowFeatures = "width=" + width + ",height=" + height +
",status,resizable,left=" + left + ",top=" + top +
"screenX=" + left + ",screenY=" + top;
myWindow = window.open(url, "subWind", windowFeatures);
}1) создать кучу *.htm для каждой картинки
2) Передача имени картинки в php скрипт: *.php?image=img1.jpg;
3) Передача имени картинки в htm: *.htm?img1.jpg;
Последний способ малоизвестен. Дело в том, что в html тоже можно передавать параметры, а получить их можно с помошью функции window.location.search.toString() - это все что после знака "?".
Trotil
Команда "У.М."
В <script type="text/javascript"></script>NiVa4e написал(а):
Вызывать: <a href="javascript
penCenteredWindow('url')"><img ...></a>или <a href="javascript
penCenteredWindow('имя картинки')"><img ...></a>; а скрипте window.open("фиксированный url"+"?"+url, "subWind", windowFeatures); url тут - параметр "имя картинки", передавается в функцию openCenteredWindow - в случае если нужно полноценную html страничку открыть.
НиВа4е
Гуру
если я всё правильно понял, в чём я сомневаюсь...
то у меня получился такой вот скрипт...:
<html>
<head>
<title>Народ.Ру: Новая страница</title>
</head>
<body>
<script type="text/javascript">var myWindow;
function openCenteredWindow(url) {
var width = 360;
var height = 450;
var left = parseInt((screen.availWidth/2) - (width/2));
var top = parseInt((screen.availHeight/2) - (height/2));
var windowFeatures = "width=" + width + ",height=" + height +
",status,resizable,left=" + left + ",top=" + top +
"screenX=" + left + ",screenY=" + top;
myWindow = window.open(url, "subWind", windowFeatures);</script>
<a href="javascript: openCenteredWindow('/020.jpg')"><img ...></a>
</body>
</html>
вот результат... вот
В чём я напутал?
то у меня получился такой вот скрипт...:
<html>
<head>
<title>Народ.Ру: Новая страница</title>
</head>
<body>
<script type="text/javascript">var myWindow;
function openCenteredWindow(url) {
var width = 360;
var height = 450;
var left = parseInt((screen.availWidth/2) - (width/2));
var top = parseInt((screen.availHeight/2) - (height/2));
var windowFeatures = "width=" + width + ",height=" + height +
",status,resizable,left=" + left + ",top=" + top +
"screenX=" + left + ",screenY=" + top;
myWindow = window.open(url, "subWind", windowFeatures);</script>
<a href="javascript: openCenteredWindow('/020.jpg')"><img ...></a>
</body>
</html>
вот результат... вот
В чём я напутал?
Trotil
Команда "У.М."
NiVa4e
Ответ в любой нормальной книге по созданию сайтов и по html в частности.
Попробуй предварительно вникать в тот текст, который копируешь.
С моей строны тоже правда тоже невнимательность: забыл одну закрывающую скобку поставить. Смотри исправленный код.
Подсказка:
- разобраться в относительных путях. чем отличаются "/020.jpg", "./020.jpg", "../020.jpg"
- как оформляется <img> (если хочншшь сделать превьюшку) и <а>
Еще интересный расширенный вариант:
Ответ в любой нормальной книге по созданию сайтов и по html в частности.
Попробуй предварительно вникать в тот текст, который копируешь.
С моей строны тоже правда тоже невнимательность: забыл одну закрывающую скобку поставить. Смотри исправленный код.
Подсказка:
- разобраться в относительных путях. чем отличаются "/020.jpg", "./020.jpg", "../020.jpg"
- как оформляется <img> (если хочншшь сделать превьюшку) и <а>
Еще интересный расширенный вариант:
печать html-кода в открытый popUp:
Код:
<script language="JavaScript" type="text/javascript">
function popwnd(label, path)
{
var xtop = (screen.height-390)/2, xleft = (screen.width-258)/2;
var rule = "<img src='"+path+"' height=300 width=258 border=0 alt=''>";
msg = "<html><head><TITLE>"+label+"</TITLE></head>";
msg += "<BODY BGCOLOR=#ffffff>" + rule +"</BODY></html>";
popup = window.open("","popDialog","height=390,width=258,top="+xtop+",left="+xleft+",scrollbars=auto";
popup.document.write(msg);
popup.document.close();
}
</script>Trotil
Команда "У.М."
Угу, сдвигается на 16 пикселов. Так будет с любым изображением, открытом в браузере. Чтобы его не было, нужно использовать полноценную html-страницу и в разделе head дописатьNiVa4e написал(а):
Код:
<style type="text/css">
body { margin: 0; padding: 0; }
</style>А какую хочешь?NiVa4e написал(а):
Без рамки: <img border="0" src="... " >
Fanka5
Участник
Выручил! 
Похожие темы
- Закреплено
