есть другая маза, делал для родственничка недавно,
ему нада было на СД сделать фотоальбом …
в файлик descriptions.js с любыми параметрами любую инфу пхать нада.
там же есть и лангпак для имён параметров.
в дире с этими 4-мя файлами ещё 2 с картинками - big, thumb.
и так для каждой диры …
навигацию по дирам не делал. но верю что не трудно [img]images/smiles/icon_smile.gif[/img]
index.htm<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">code:</font><HR><pre><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="RU">
<meta name="author" content="Arkady Rosenberg">
<link rev="made" href="mailto:arkadyr@dynamic.co.il">
<title>Gallery #1</title>
<script language="JavaScript1.2" src="envirounment.js"></script>
<script language="JavaScript1.2" src="descriptions.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body><script language="JavaScript1.2"><!--
put_thumbs()
// --></script></body>
</html></pre><HR></BLOCKQUOTE>
style.css<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">code:</font><HR><pre><!--
A {color:gray; text-decoration:none;}
A:HOVER {color [img]images/smiles/icon_redface.gif[/img]live; text-decoration:underline;}
A:VISITED {color:green;}
.thumb {border:1 solid gray}
.descriptionName {font-size:0.6em; font-weight:bold}
.descriptionValue {font-size:0.6em}
body {font-family:Tahoma,Arial,Helvetica}
// --></pre><HR></BLOCKQUOTE>
envirounment.js<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">code:</font><HR><pre><!--
// это трогай
var colors=new Array('#fafafa','#eaeaea') // цвета строк. сколько есть - все юзаются по очереди
var items_in_row=6 // сколько картинок в ширину
var max_description_length=50 // максимальная длинна описания в таблице
// это не трогай
var header='<table cellpadding="0" cellspacing="0" border="0" bgcolor="black" width="100%"><tr><td width="100%"><table cellpadding="5" cellspacing="1" border="0" width="100%">'
var footer='</table></td></tr></table>'
var color=0
var justify_percents=100/items_in_row
function thumb(id){
if (!descriptions[id].description)
descriptions[id].description=descriptions[id].filename
result= '<td vAlign="top" width="'+justify_percents+'%"><center>'+
'<a title="'+descriptions[id].filename+' :: '+descriptions[id].description+'" href="javascr'+'ipt:show_full(\'big/'+descriptions[id].filename+'\',\''+descriptions[id].description+'\')"><img class="thumb" src="thumb/'+descriptions[id].filename+'" border="0"></center><br>'
for (var description in descriptions[id]){
if (description=='description')
if (descriptions[id].description==descriptions[id].filename)
break
var name=(lang_pack[description]!=null ? lang_pack[description]
: description )
var value=e v a l('descriptions['+id+'].'+description) // тут смени евал без пробелов - форум не пропускает иначе
value=( value.length>(max_description_length-3) ? value.substr(0,max_description_length-3)+'…'
: value )
result+='<font class="descriptionName">'+name+': </font><font class="descriptionValue">'+value+'</font><br>'
}
result+='</td>'
return result
}
function show_full(path,description){
var full=window.open('about:blank','_blank','width='+(screen.width-100)+',height='+(screen.height-100)+',resizable=yes,fullscreen=no,scrollbars=yes,menubar=no,toolbar=no,statusbar=no,l ocation=no,directories=no,copyhistory=no,channelmode=no,dependent=yes)')
full.document.open()
full.document.write( '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">'+
'<html><head><title>Enlarged picture</title><style>body{font-family:Tahoma,Arial,Helvetica}</style></head>'+
'<body><center><br><img src="'+path+'"></center><br>'+description+
'</body></html>')
full.document.close()
}
function put_thumbs(){
document.write(header)
var full_rows=descriptions.length/items_in_row
var part_row=descriptions.length%items_in_row
if (part_row) full_rows--
for(var y=0; y<full_rows; y++){
document.write('<tr style="background:'+colors[color]+'">')
for(var x=0; x<items_in_row; x++)
document.write(thumb(y*items_in_row+x))
document.write('</tr>')
color++
if (color>=colors.length) color=0
}
if (part_row) {
document.write('<tr style="background:'+colors[color]+'">')
for(var x=0; x<part_row; x++)
document.write(thumb(y*items_in_row+x))
document.write('<td colspan="'+(items_in_row-part_row)+'"> </td>')
document.write('</tr>')
}
document.write(footer)
}
// --></pre><HR></BLOCKQUOTE>
descriptions.js<BLOCKQUOTE><font size="1" face="Verdana, Tahoma, sans-serif">code:</font><HR><pre><!--
var lang_pack=new Array()
lang_pack['filename']= 'Файл'
lang_pack['filesize']= 'Размер'
lang_pack['date']= 'Дата'
lang_pack['description']= 'Описание'
var descriptions=new Array(
{filename:'Apr16124.JPG',filesize:'100mb',description:'Одна знакомая, её друг в последнем теракте получил осколок в голову. но это до [img]images/smiles/icon_smile.gif[/img] With an Internet connection and Internet Explorer, you can find and view information about anything on the Web. Just click the topics below to get started. You`ll find more information to help you browse the Internet in the Help Contents. '},
{filename:'Apr16143.JPG',date:'12/31/2000',description:'Другая знакомая, это мы на квартире у приятеля пьянствуем постепенно …'},
{filename:'Apr16144.JPG',description:'типа я в ажуре [img]images/smiles/icon_smile.gif[/img]'},
{filename:'Apr16147.JPG',description:'вот так меня любят [img]images/smiles/icon_smile.gif[/img]'},
{filename:'Apr16150.JPG',description:'пыва хошь ?'},
{filename:'Apr16145.JPG',description:'а нам хорошо, мы пьяные … а на фотке совсем стрёмныя [img]images/smiles/icon_smile.gif[/img]'}
)
// --></pre><HR></BLOCKQUOTE>
[ 02 Июля 2002: Исправлено Intelligent ]
Новости дизайна |
Галереи |
О проекте |
RSS
Правила |
FAQ |
Поиск |
Наша команда |
Регистрация |
Вход
