Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Ищу скрипт открытия картинки

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Annie



Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Привет.
Хочу сделать у себя на сайте, чтобы мои фотки, как обычно, в виде маленьких картинок на страничке были, а при клике на картинку в другом окне появлялась большая фотка.
Но при window.open получается, что обязательно надо html файл создавать для каждой картинки, а иначе, если просто картинку в окно загружать, появляются отступы.
Вот нашла такое:
 
<html>  
<head>  
<title>X</title>  
</head>  
<body>  
<script>  
function wop()  
{  
    win = window.open('',null,'height=288,width=352,toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,location=no');  
    win.document.write('<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><title>::КАРТИНКА::</title></head><body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><img src="000.jpg"></body></html>');  
}  
</script>  
<a href="javascript:wop()">-WOW-</a>  
</body>  
</html>  
 
Но тут получается, что это только для одной картинки. А как быть, если их на странице несколько (десятков)? МОжет можно это сделать так - сперва вставить один скрипт в начале, а потом при каждой ссылке на картинку указывать ее имя, размер и title, потом эта информация обрабатывалась бы этим скриптом и для каждой картинки по этому скрипту открывалось свое окошко.
Вот, как это сделать, помогите, плиз.

Всего записей: 26 | Зарегистр. 02-11-2002 | Отправлено: 23:39 18-04-2005
CheRt



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
А параметр передавать в скрипт что трудно?!

----------
В огне бода нет и не будет!
До встречи в СССР 2.0!

Всего записей: 1118 | Зарегистр. 14-12-2001 | Отправлено: 23:54 18-04-2005
Annie



Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А я не умею.
Может поможете?

Всего записей: 26 | Зарегистр. 02-11-2002 | Отправлено: 00:27 19-04-2005
CheRt



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Да конечно, только я немного упрощу, т.к. если в коде ничего нет, зачем его генерить...
 

Код:
 
<html>  
<head>  
<title>X</title>  
</head>  
<body>  
<script>  
function wop(myimage)  
{  
    win = window.open(myimage,'MYWIN','height=288,width=352,toolbar=no,status=no,menubar=no,scrollbars=no,resizable=no,location=no');  
}  
</script>  
<a href="javascript:wop('000.jpg')">-WOW-</a>  
</body>  
</html>
 

 
Вот и все, вешаете цепочку ссылок, пример:

Код:
 
<a href="javascript:wop('000.jpg')">-WOW-</a>
<a href="javascript:wop('001.jpg')">-WOW1-</a>  
<a href="javascript:wop('002.jpg')">-WOW2-</a>  
<a href="javascript:wop('003.jpg')">-WOW3-</a>    
 

и скрипт все это прекрасно обрабатывает

----------
В огне бода нет и не будет!
До встречи в СССР 2.0!

Всего записей: 1118 | Зарегистр. 14-12-2001 | Отправлено: 00:41 19-04-2005
Annie



Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо за помощь.
Но, еще раз скажу, если просто картинку открывать с помощью windows.open, то при открытии там появляются пустые поля слева и сверху - вроде margin'a. Поэтому и приходится прописывать открытие html-страницы.
А как сделать, если у меня высота и ширина картинок бывают разные? Часть, например, 200х300, а другая - 300х200. Как это в скрипте прописать?

Всего записей: 26 | Зарегистр. 02-11-2002 | Отправлено: 06:38 19-04-2005
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Annie
либо как тут
http://forum.ru-board.com/topic.cgi?forum=24&topic=4182
но тогда придется ждать, пока все картинки не предзагрузятся.
либо, что лучше, писать скрипт, который будет брать информацию о картинках и генерить страницу с уже вставленными размерами.
обзор «Помощи вебмастеру» » серверные скрипты »  



----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 06:42 19-04-2005
Annie



Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Спасибо, но честно скажу, прочла всю первую тему, не нашла того, что мне надо.
Можете покажете точнее место, где это написано?
Во ворой теме посмотрю сейчас.
ЗЫ. Я просто в этом не специалист, самой делать у меня не получится.

Всего записей: 26 | Зарегистр. 02-11-2002 | Отправлено: 06:52 19-04-2005
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
там даже есть линк на уже существующую тему
Открытие картинок в новом окне (pictures pop-up)
 
var temp=new Image();  
temp.src="picture.gif";  
wopen("picture.gif",temp.width,temp.height);
 
 
 
 
function wopen(url,w,h){  
eval('opened=window.open("","none","top=100, left=100, width="+w+", height="+h+", resizable=0","replace=yes")');  
opened.document.open();  
opened.document.write('<body leftmargin=0 topmargin=0><img src="'+url+'"></body>');  
opened.document.close();  
}  
 
 
только через js это все не имеет смысла делать. еще раз говорю

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 07:00 19-04-2005
Annie



Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cheery
Да, спасибо, только хотела написать что там нашла.
Сейчас попробую сделать как там написано.
Насчет js - у меня сайт бесплатный, там больше ничего не поддерживается.
 
Добавлено:
Все работает, спасибо.

 
Добавлено:
Скажите, плз, как сделать, чтобы после того, как во второй раз нажал на ссылку с фоткой, это окно появлялось поверх других окон, а то оно теряется и вызвать его можно только через панель задач.
 
Добавлено:
И еще, когда поочередно открываю две картинки разных размеров (первая - 200х300, а вторая - 300х200), то они открываются в одном окне и после открытия первой окно остается размером 200х300, поэтому вторая картинка получается снизу урезанной, а справа - белое поле.
Как этого избежать?
 
Добавлено:
Может можно сделать так, чтобы при нажатии на вторую картинку (чтобы ее открыть), картинка с первой фоткой закрывалась и открывалось новое окно?
Тогда и та и другая проблема уберутся.

Всего записей: 26 | Зарегистр. 02-11-2002 | Отправлено: 07:04 19-04-2005 | Исправлено: Annie, 07:59 19-04-2005
Annie



Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вот на каком-то сайте нашла такой скрипт для открытия картинки в отдельном окне:

Код:
<SCRIPT language=javascript>
var aa=0;
function MovieOpen (what,x,y,abspath)
 {
mspar = "toolbar=no,directories=no,menubar=no, location=center, " + "resizable=no,width="+x+",height="+y;
try{if (aa!=0) aa.window.close();} catch(all) {}
msg1 = open('about:blank', "00001", mspar);
 ss="<HTML><body topmargin=0 leftmargin=0><TABLE border=0 width="+x+" cellpadding=0 cellspacing=0 background='"+what+"'>"
ss+="<TD height="+y+" valign=top align=right>&nbsp"
if (abspath!="" && abspath!=null)
{
 l=x/y;// 450/350
 if (l>1)
 {
 wx=450; wy=y*wx/x; k=0;
 if (wy>350) {wy=350; wx=wy/y*x;}
 } else
 {
 wy=450; wx=x*wy/y; k=1;
 if (wx>350) {wx=350; wy=wx/x*y;} }
 ss+="<A HREF='../post/red.html?"+abspath+"&"+k+"&"+Math.floor(wx)+"&"+Math.floor(wy)+"' target='_blank'><img src='../css/post.jpg' border=0 alt='Отправить как открытку'></A>"}
ss+="</TD></TABLE>"
ss+="</HT"+"ML>"
 msg1.document.write(ss)
 aa=msg1;}</SCRIPT>

 
У картинки указывается:  

Код:
<A onclick='MovieOpen("/art/007.jpg",400,600,"");' href="http://www.mysite.ru/art/5.html#"><IMG src="007.jpg" border=0></A>

 
И вроде бы все правильно работает - при нажатии второй картинки первая закрывается и вторая картинка показывается поверх всех окон.
Но мне кажется, в скрипте много лишнего. Помогте мне оттуда все лишнее убрать. МОжет можно его совместить с уже обсуждавшимся здесь скриптом?

Всего записей: 26 | Зарегистр. 02-11-2002 | Отправлено: 16:43 22-04-2005 | Исправлено: Annie, 16:44 22-04-2005
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » Ищу скрипт открытия картинки


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru