[Pictureviewer2.git] / Pictureviewer.html

<html lang="de">\r
<head>\r
  <title>Pictureviewer2</title>\r
  <meta http-equiv="CONTENT-TYPE" content="text/html; charset=utf-8" >\r
  <meta name="author" content="Dietmar" >\r
  <meta name="CHANGED" content="20191027;20000001">\r
\r
  <link rel="stylesheet" type="text/css" href="Pictureviewer.css">\r
\r
  <script src="PictureList.txt" type="text/javascript" charset="utf-8"></script>\r
\r
<script>\r
var cDefault_FileN_Style = "Pic_Filename";\r
var Pic_curr;					// current picture number\r
var Pic_num ;					// last picture number\r
var ID_Body;					// ID des Bodies\r
var ID_Anzeige;					// Anzeigelement: Bild, Video, ..\r
var picturenumber;				// number typed by user for direct access to pictures\r
var pictureList = new Array();\r
\r
function Doc_Init() {						// Init document\r
  ID_Body = document.getElementById("ID_Body");\r
  ID_Body.onkeyup = ChangePic;\r
  ID_Body.onmouseup=HandleMouseEvent;\r
  ID_Anzeige = document.getElementById("idAnzeige");\r
  \r
//  if (window.location.search != "") 				// does not really help, because PictureList is already included\r
//      pic_dir = window.location.search.substr(1,99)+"/"+pic_dir;   // remove "?", add separator ***\r
\r
  pictureList = pictureString.split("\n");\r
  Pic_num = pictureList.length-1;\r
  SetPic(0);\r
}\r
													\r
function SetPic(n) {\r
  Pic_curr = n;\r
  if (Pic_curr > Pic_num) Pic_curr = Pic_num;\r
  if (Pic_curr < 0) Pic_curr = 0;\r
\r
  ID_Anzeige.innerHTML = pictureList[Pic_curr];\r
  picturenumber=0;\r
} \r
\r
function ChangePic(Keyhandler){\r
  if (!Keyhandler) Keyhandler = window.event;\r
  tastatur = Keyhandler.key;\r
  switch (tastatur) { \r
    case "Home":					// "POS1": 1st picture\r
  	  SetPic(0);\r
  	  break\r
    case "End":						// "Ende": last picture\r
  	  SetPic(Pic_num);\r
  	  break\r
    case "a":							// reload picture\r
    case "r":\r
      SetPic(Pic_curr);\r
	    break\r
    case "v":							// next picture\r
    case "n":\r
    case "PageDown":			\r
    case "ArrowDown":			\r
      NextPicture();\r
      break\r
    case "b":							// back picture\r
    case "z":\r
    case "PageUp":\r
    case "ArrowUp":\r
      BackPicture();\r
      break\r
	case "+":						// +\r
		SetPic(Pic_curr+picturenumber);\r
		break\r
	case "-":						// -\r
		SetPic(Pic_curr-picturenumber);\r
		break	\r
	case "0":						// 0..9\r
	case "1":\r
	case "2":\r
	case "3":\r
	case "4":\r
	case "5":\r
	case "6":\r
	case "7":\r
	case "8":\r
	case "9":\r
		picturenumber=picturenumber*10+Number(tastatur);\r
		break\r
	case "g":						// "g": goto\r
		SetPic(picturenumber);\r
		break\r
  case "x":							// "x" to close\r
    window.close();\r
    break\r
  }\r
}\r
\r
function BackPicture() {\r
    SetPic(Pic_curr-1);\r
}\r
\r
function NextPicture() {\r
    SetPic(Pic_curr+1);\r
}\r
\r
function HandleMouseEvent(e) {\r
  if (!e) e = window.event;\r
  LeftClicked = 0.33;			// left clicked if in left 33%\r
  RightClicked = 0.66;			// left clicked if in right 33%\r
  WindowWidth = window.innerWidth;\r
  if      (e.clientX < (WindowWidth*LeftClicked))    { BackPicture() }\r
  else if (e.clientX > (WindowWidth*RightClicked))   { NextPicture() }\r
}\r
\r
</script>\r
\r
</head>\r
\r
<body id="ID_Body" onload="Doc_Init()">\r
\r
<span id="idAnzeige"></span>\r
\r
</body>\r
</html>\r
Commit	Line	Data
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
	13	var cDefault_FileN_Style = "Pic_Filename";\r
	14	var Pic_curr; // current picture number\r
	15	var Pic_num ; // last picture number\r
	16	var ID_Body; // ID des Bodies\r
	17	var ID_Anzeige; // Anzeigelement: Bild, Video, ..\r
	18	var picturenumber; // number typed by user for direct access to pictures\r
	19	var pictureList = new Array();\r
	20	\r
	21	function 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
	35	function 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
	44	function 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
97	function BackPicture() {\r
98	SetPic(Pic_curr-1);\r
99	}\r
100	\r
101	function NextPicture() {\r
102	SetPic(Pic_curr+1);\r
103	}\r
104	\r
105	function 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