Initial release
[Pictureviewer2.git] / Pictureviewer.html
CommitLineData
7bb60213 1<html lang="de">\r
2<head>\r
3 <title>Pictureviewer2</title>\r
4 <meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8" >\r
5 <meta name="author" content="Dietmar" >\r
6 <meta name="CHANGED" content="20191027;20000001">\r
7\r
8 <link rel="stylesheet" type="text/css" href="Pictureviewer.css">\r
9\r
10 <script src="PictureList.txt" type="text/javascript" charset="utf-8"></script>\r
11\r
12<script>\r
13var cDefault_FileN_Style = "Pic_Filename";\r
14var Pic_curr; // current picture number\r
15var Pic_num ; // last picture number\r
16var ID_Body; // ID des Bodies\r
17var ID_Anzeige; // Anzeigelement: Bild, Video, ..\r
18var picturenumber; // number typed by user for direct access to pictures\r
19var pictureList = new Array();\r
20\r
21function Doc_Init() { // Init document\r
22 ID_Body = document.getElementById("ID_Body");\r
23 ID_Body.onkeyup = ChangePic;\r
24 ID_Body.onmouseup=HandleMouseEvent;\r
25 ID_Anzeige = document.getElementById("idAnzeige");\r
26 \r
27// if (window.location.search != "") // does not really help, because PictureList is already included\r
28// pic_dir = window.location.search.substr(1,99)+"/"+pic_dir; // remove "?", add separator ***\r
29\r
30 pictureList = pictureString.split("\n");\r
31 Pic_num = pictureList.length-1;\r
32 SetPic(0);\r
33}\r
34 \r
35function SetPic(n) {\r
36 Pic_curr = n;\r
37 if (Pic_curr > Pic_num) Pic_curr = Pic_num;\r
38 if (Pic_curr < 0) Pic_curr = 0;\r
39\r
40 ID_Anzeige.innerHTML = pictureList[Pic_curr];\r
41 picturenumber=0;\r
42} \r
43\r
44function ChangePic(Keyhandler){\r
45 if (!Keyhandler) Keyhandler = window.event;\r
46 tastatur = Keyhandler.key;\r
47 switch (tastatur) { \r
48 case "Home": // "POS1": 1st picture\r
49 SetPic(0);\r
50 break\r
51 case "End": // "Ende": last picture\r
52 SetPic(Pic_num);\r
53 break\r
54 case "a": // reload picture\r
55 case "r":\r
56 SetPic(Pic_curr);\r
57 break\r
58 case "v": // next picture\r
59 case "n":\r
60 case "PageDown": \r
61 case "ArrowDown": \r
62 NextPicture();\r
63 break\r
64 case "b": // back picture\r
65 case "z":\r
66 case "PageUp":\r
67 case "ArrowUp":\r
68 BackPicture();\r
69 break\r
70 case "+": // +\r
71 SetPic(Pic_curr+picturenumber);\r
72 break\r
73 case "-": // -\r
74 SetPic(Pic_curr-picturenumber);\r
75 break \r
76 case "0": // 0..9\r
77 case "1":\r
78 case "2":\r
79 case "3":\r
80 case "4":\r
81 case "5":\r
82 case "6":\r
83 case "7":\r
84 case "8":\r
85 case "9":\r
86 picturenumber=picturenumber*10+Number(tastatur);\r
87 break\r
88 case "g": // "g": goto\r
89 SetPic(picturenumber);\r
90 break\r
91 case "x": // "x" to close\r
92 window.close();\r
93 break\r
94 }\r
95}\r
96\r
97function BackPicture() {\r
98 SetPic(Pic_curr-1);\r
99}\r
100\r
101function NextPicture() {\r
102 SetPic(Pic_curr+1);\r
103}\r
104\r
105function HandleMouseEvent(e) {\r
106 if (!e) e = window.event;\r
107 LeftClicked = 0.33; // left clicked if in left 33%\r
108 RightClicked = 0.66; // left clicked if in right 33%\r
109 WindowWidth = window.innerWidth;\r
110 if (e.clientX < (WindowWidth*LeftClicked)) { BackPicture() }\r
111 else if (e.clientX > (WindowWidth*RightClicked)) { NextPicture() }\r
112}\r
113\r
114</script>\r
115\r
116</head>\r
117\r
118<body id="ID_Body" onload="Doc_Init()">\r
119\r
120<span id="idAnzeige"></span>\r
121\r
122</body>\r
123</html>\r