Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   DHTML/JS/CSS (http://www.flasher.ru/forum/forumdisplay.php?f=24)
-   -   нужен скрипт, который бы открывал картинки в отдельном окне (http://www.flasher.ru/forum/showthread.php?t=58517)

FrOdO 23.05.2004 01:18
нужен скрипт, который бы открывал картинки в отдельном окне
 
Привет!
Нужен скрипт, который бы открывал картинки в отдельном окне, без менюшек и прочего.. размерами как у фотографии..

И ещё интересно.. как можно автоматизировать процесс появления новой картинки и встраивания её в html-страничку?
Чтобы к скрипту привязывалась без особых усилий..

Спасибо

ninja_127 23.05.2004 14:16
<script language="JavaScript" type="text/JScript">
function dow(theURL,winName,features) {
window.open(theURL,winName,features);
}
</script>

<img src="small_image.jpg" style="border: 1px solid #000000" alt="название" onClick="dow('image.jpg','camin','Toolbar=0, Location=0, Directories=0, Status=0, Menubar=0, Scrollbars=0, Resizable=0, Copyhistory=0, Width=420, Height=310')">

Автоматизировать подстановку размера и прочая и прочая можно путем изучения серверных технологий. Например PHP.

FrOdO 25.05.2004 00:14
расстояния слева и сверху..
 
ninja_127, спасибо за ответ!
А как убрать пустое место слева и сверху от картинки?
Вот что получилось.. щёлкните по картинке:
http://guu.narod.ru/kimberly/photo.htm

ninja_127 25.05.2004 22:37
чуть чуть изменив скрипт, используя docement.write создать в новом окне HTML документ и в стилях нового документапрописать body {margin:0; padding: 0}

FrOdO 26.05.2004 00:06
ninja_127, принцип понятен.. просто я не знаю синтаксис, где прописать стиль body ?!..

буду благодарен за помощь..

FrOdO 26.05.2004 23:33
где это прописать?
 
Цитата:
Оригинал написал(а) ninja_127
чуть чуть изменив скрипт, используя docement.write создать в новом окне HTML документ и в стилях нового документапрописать body {margin:0; padding: 0}
куда добавить этот код?

<style>
body {
margin: 0;
padding: 0;
}
</style>

ninja_127 27.05.2004 10:25
можно проще <body style="padding: 0; margin: 0">. и все

cosmo 03.06.2004 12:42
<html>
<head>
<script language="JavaScript">
function opPict(img,w,h,alt) {
op=window.open('','','width='+w+'; height='+h);
op.document.write('<html><head><title>'+alt+'</title>');
op.document.write('</head><body topmargin=0 leftmargin=0>');
op.document.write('<img src='+img+' width='+w+' height='+h+' alt="'+alt+'">');
op.document.write('</body></html>');
}
</script>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<a href="javascript:opPict('Рисунок.jpg','Ширина','Высота','Текст альта')"><img src='Маленький рисунок'' width=130 height=109 border=0></a>
</body>
</html>


Часовой пояс GMT +4, время: 22:52.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.