11.12.2008, 00:42
|
|
Динозавр
Регистрация: 10.01.2008
Сообщений: 2,841
Провел на форуме:
9220514
Репутация:
3338
|
|
Простейшая галлерея на javascript
С описанием к каждой фотке (картинке) в отдельно открывающемся окне (если нажать на картинку):
Создаем четыре файла:
1. zakat1.jpg
2. zakat2.jpg
3. fail1.txt (Здесь описание картинки zakat1.jpg)
4. fail2.txt (Здесь описание картинки zakat1.jpg)
и такой index.html:
Код:
Код:
<html>
<head>
<title>Дополнительное окно с кнопкой ОТКРЫТЬ на странице и кнопкой ЗАКРЫТЬ в окне</title>
<SCRIPT language="JavaScript">
function openwindow(i)
{
windop=window.open("fail.txt","mywindow","menubar=1,resizable=1,width=350,height=250");
windop.document.open();
windop.document.write("<html><head><title>Название странички</title>");
windop.document.write("</head><bоdу bgcolor=#FFFFCC>");
windop.document.write("<center><font face= serif,Arial,Verdana size=3 color=#000000><b>Заголовок текста на страничке</b></font></center>");
windop.document.write("<iframe src='fail"+i+".txt'></iframe>");
windop.document.write("<center><form><input type='button' value='Закрыть' onClick='window.close()'></form></center>");
windop.document.write("</bоdу></html>");
windop.document.close();
}
</SCRIPT></head>
<bоdу>
<SCRIPT language="JavaScript">
for (var i = 1; i <= 2; i++)
{
document.write(i);
document.write("<FORM ACTION=\"javascript:openwindow("+i+")\"><INPUT TYPE=IMAGE SRC=\"zakat"+i+".jpg\" HEIGHT=76 WIDTH=62 ALT=\"Yes\" BORDER=0 NAME=\"Yes\" ></form> ");
}</SCRIPT>
</bоdу>
</html>
Пихаем это всё в одну папку и запускаем index.html
(c) Pashkela |
|
|