javascript
Великие программеры! Помогите!
Нужна функция на javascript, открывающая новое окошко определенного размера, с определенным фоном.
переменные: url картинки, title окошка, строчка текста под картинкой.
Это же 5 строчек. Я конечно разберусь и сам - но ведь целый день же убью...
Напишите, плиз, если кто шарит.
Нужна функция на javascript, открывающая новое окошко определенного размера, с определенным фоном.
переменные: url картинки, title окошка, строчка текста под картинкой.
Это же 5 строчек. Я конечно разберусь и сам - но ведь целый день же убью...
Напишите, плиз, если кто шарит.
>7.11. Как сделать фотогалерею: чтобы в документе были маленькие картинки,
>а при нажатии на них открывались окошки с увеличенными картинками?
<head>
<title>Фотогалерея</title>
<script language="JavaScript">
<!--
function imgOpen(imgURL,imgWidth,imgHeight,Title) {
var imgWndw=window.open('','_blank','width='+imgWidth+',height='+
imgHeight+',toolbar=no,menubar=no,location=no,status=no,'+
'resizable=yes,scrollbars=no');
var imgTitle=(Title)?Title:imgURL+": "+imgWidth+'x'+imgHeight;
with (imgWndw.document){
open();
write('<ht'+'ml><he'+'ad><ti'+'tle>'+imgTitle+'</ti'+'tle>'+
'</he'+'ad><bo'+'dy leftmargin="0" topmargin="0" '+
'rightmargin="0" bottommargin="0" marginwidth="0" '+
'marginheight="0"><img src="'+imgURL+'" width="'+imgWidth+
'" height="'+imgHeight+'" border="0" alt="'+imgTitle+
'"></bo'+'dy></ht'+'ml>');
close();
}
return false
}
//-->
</script>
</head>
<body>
...
<a href="disco.jpg" target="_blank" onClick="return
imgOpen(this.href,400,300,'Я на дискотеке');"><img src="disco_small.gif"
width="80" height="60" alt="Я на дискотеке - 200 Кбайт" border="0"></a>
...
<a href="banja.jpg" target="_blank" onClick="return
imgOpen(this.href,200,300,'Я в бане');"><img src="banja_small.gif" width="40"
height="60" alt="Я в бане - 100 Кбайт" border="0"></a>
...
</body>
Этот метод грамотно "работает" и при отключении скриптов: открывает просто
новое окно браузера с нужной картинкой.
>а при нажатии на них открывались окошки с увеличенными картинками?
<head>
<title>Фотогалерея</title>
<script language="JavaScript">
<!--
function imgOpen(imgURL,imgWidth,imgHeight,Title) {
var imgWndw=window.open('','_blank','width='+imgWidth+',height='+
imgHeight+',toolbar=no,menubar=no,location=no,status=no,'+
'resizable=yes,scrollbars=no');
var imgTitle=(Title)?Title:imgURL+": "+imgWidth+'x'+imgHeight;
with (imgWndw.document){
open();
write('<ht'+'ml><he'+'ad><ti'+'tle>'+imgTitle+'</ti'+'tle>'+
'</he'+'ad><bo'+'dy leftmargin="0" topmargin="0" '+
'rightmargin="0" bottommargin="0" marginwidth="0" '+
'marginheight="0"><img src="'+imgURL+'" width="'+imgWidth+
'" height="'+imgHeight+'" border="0" alt="'+imgTitle+
'"></bo'+'dy></ht'+'ml>');
close();
}
return false
}
//-->
</script>
</head>
<body>
...
<a href="disco.jpg" target="_blank" onClick="return
imgOpen(this.href,400,300,'Я на дискотеке');"><img src="disco_small.gif"
width="80" height="60" alt="Я на дискотеке - 200 Кбайт" border="0"></a>
...
<a href="banja.jpg" target="_blank" onClick="return
imgOpen(this.href,200,300,'Я в бане');"><img src="banja_small.gif" width="40"
height="60" alt="Я в бане - 100 Кбайт" border="0"></a>
...
</body>
Этот метод грамотно "работает" и при отключении скриптов: открывает просто
новое окно браузера с нужной картинкой.
Авторизуйтесь, чтобы принять участие в дискуссии.