/
fotki.html
137 lines (132 loc) · 6.02 KB
/
fotki.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Подборка фотографий, снятых на телефон, о природе, местах, людях">
<meta name="keywords" content="фотки, картинки, тексты, заметки, фото">
<meta name="author" content="Grigoriy Eremin, Григорий Еремин, egax@bk.ru">
<meta name="yandex-verification" content="bf07f0af8e739c66">
<meta name="google-site-verification" content="eWwGSnvveM7GniusD-nYN2KXBDPtXBHmhKRezn_TBg8">
<title>Фотки / Сайт egax</title>
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="stylesheet" href="/static/css/main.css">
<link rel="stylesheet" href="/static/css/foto.css">
<style>
img { border:2px transparent solid }
img:hover { border:2px yellow solid }
#page_content { min-height:360px; }
</style>
<script src="/static/js/metrics.js" data-floor="1"></script>
<script src="/static/js/updater.js"></script>
<script src="/static/js/template.js"></script>
<script src="/static/js/3rdparty/dbcartasvg.js"></script>
</head>
<body>
<div id="root" class="main">
<div id="header" class="main scroll">
<a title="Записки и сообщения" href="/"><img src="/static/img/vesti.svg" alt="Записки"></a>
<a title="Заметки и посты" href="/posts.html"><img src="/static/img/posts.svg" alt="Заметки"></a>
<a title="Фотки и картинки" href="/foto.html"><img src="/static/img/fotki_b.svg" onload="this.scrollIntoView()" alt="Фотки"></a>
<a title="Аккорды, песни, стихи" href="/songs.html"><img src="/static/img/songs.svg" alt="Аккорды"></a>
<a title="Книги для чтения" href="/books.html"><img src="/static/img/books.svg" alt="Книги"></a>
<a title="Мои карты" href="/dbcartajs"><img src="/static/img/dbcartajs.svg" alt="Карты"></a>
</div>
<div id="page_header" class="main"></div>
<div id="page_content" class="main"></div>
<div class="main"><div id="yandex_rtb_3" class="mh_sm bmarg"></div></div>
<div id="page_footer" class="main"></div>
<table id="footer" class="main"><tr>
<td align="right" width="25%"><a href="//metrika.yandex.ru/stat/?id=65044687&from=informer" target="_blank" rel="nofollow"><img src="//informer.yandex.ru/informer/65044687/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры)" class="ym-advanced-informer" data-cid="65044687" data-lang="ru" /></a></td>
<td align="center"><a title="Исходный код" href="//github.com/egaxegax/egaxegax.github.io">Source</a></td>
<td class="smaller" width="25%">2014-24</td></tr>
</table>
</div>
<script>
document.getElementById('page_header').innerHTML =
'<div class="large table">'+
'<div class="tcell vmid"><h1 id="foto_header">'+'Подборка фото, снятых на телефон'+'</h1></div>'+
'<div class="tcell tright vmid" style="width:30%">'+'<select id="albumlist"></select>'+'</div>'+
'</div>';
document.getElementById('page_content').innerHTML =
'<div class="wrap">'+
'<div id="mcol" style="height:'+(document.getElementById('page_content').offsetHeight)+'px"></div>'+
'</div>';
document.getElementById('page_footer').innerHTML =
'<div class="wrap">'+
'<div id="mlist" class="main scroll"></div>'+
'</div>'+
'<p class="tcenter smaller gray hspace">'+
'<i>P.S.</i> Подборка различных фото, снятых на смартфон, о нашей природе, красивых и необычных местах, интересных людях. '+
'<a href="/foto.html">Другие фото</a>'+
'</p>';
var childs=[];
var DC = new dbCartaSvg({
id:'mcol',
sbar: false,
height: document.getElementById('mcol').offsetHeight
});
var img = new Image();
img.onload = function() {
for(var i=0; i<childs.length; i++)
DC.vp.removeChild(childs[i]);
childs = [];
var ratio = this.width/this.height,
vs = DC.viewsizeOf(); // map sizes degrees
var crds = [[-vs[1]*ratio,vs[1]],[-vs[3]*ratio,vs[3]]],
pts = [DC.toPoints(crds[1]), DC.toPoints(crds[0])];
var img = DC.append('image', {
width: pts[0][0]-pts[1][0],
height: pts[0][1]-pts[1][1],
x: pts[1][0],
y: pts[1][1],
preserveAspectRatio:'none'
});
img.setAttributeNS('http://www.w3.org/1999/xlink', 'href', this.src);
DC.attr(img, {
cursor: 'pointer'
});
childs.push(img);
document.title = this.title + ' - Фотки / Сайт egax';
document.getElementById('foto_header').innerHTML = this.title;
updateMetaTag('description', this.title);
};
upfunc({url: buildURL('foto')+'/fotki.js'}, function(s){
eval(s);
for(var k in SUBJ){
var falb = TITLES.filter(function(f){ return (f[0] == k); });
document.getElementById('albumlist').innerHTML +=
'<option value="'+k+'"'+(k == TITLES[0][0] ? ' selected ' : '')+'>'+
SUBJ[k]+' ['+falb.length+']'+
'</option>';
}
document.getElementById('albumlist').onchange = function(){
var opt = this.options[this.selectedIndex],
urls = TITLES.filter(function(a){ return a[0] == opt.value; });
document.getElementById('mlist').innerHTML = '';
for(var i in urls) {
var im = new Image();
im.style.cursor = 'pointer';
im.width = 60;
im.alt = i;
im.src = urls[i][1].replace('.jpg', '.th.jpg');
im.title = urls[i][2];
im.onclick = function(){
img.src = this.src.replace('.th.jpg', '.jpg');
img.title = this.title;
};
if(i==0) {
img.src = im.src.replace('.th.jpg', '.jpg');
img.title = im.title;
};
im.onload = function(){
document.getElementById('mlist').appendChild(this);
};
}
// document.getElementById('mlist').scrollIntoView();
};
document.getElementById('albumlist').onchange();
});
</script>
</body>
</html>