68 Commits

Author	SHA1	Message	Date
Spedon	de692352f2	combine handle next/prev click code into one function	2023-03-28 14:14:41 +08:00
Spedon	42a8bb8bc8	fix the bug of transition not working when changing from display none to block	2023-03-26 23:32:12 +08:00
Spedon	7f6cfe4366	add comments	2023-03-26 20:52:29 +08:00
Spedon	3ba067b19e	add enter overlay event listener now is a function	2023-03-25 18:14:15 +08:00
Spedon	7262a43fae	move pushIndex function to utils.ts	2023-03-24 17:17:57 +08:00
Spedon	5b172414ec	now the overlay delay time will change with the stack depth	2023-03-24 16:53:31 +08:00
Spedon	26661911dc	shrink the size of displaying images	2023-03-24 16:49:14 +08:00
Spedon	bd34d5c911	delete deprecated css style for image containers	2023-03-24 16:46:40 +08:00
Spedon	e897561afa	initial version of transition toward image elements	2023-03-24 16:11:00 +08:00
Spedon	56fd85e875	set the layer 0 as stack top	2023-03-21 12:00:22 +08:00
Spedon	7da5c2228a	now html element can be generated by typescript	2023-03-21 11:55:05 +08:00
Spedon	bedc7c7691	remove unused part for createImgElement	2023-03-20 22:25:39 +08:00
Spedon	93c2ef3517	add doc for the code	2023-03-20 22:21:04 +08:00
Spedon	401d6254db	dump layerPosSet, now FIFO can handle most part of position passing	2023-03-20 22:18:43 +08:00
Spedon	023aa36c3f	components update	2023-03-20 21:58:34 +08:00
Spedon	eabecd860c	disable preloader	2023-03-20 21:57:51 +08:00
Spedon	4e98152859	optimize animation	2023-03-20 21:57:14 +08:00
Spedon	1e74555d86	dev	2023-03-20 20:19:37 +08:00
Spedon	3247219da8	update overlay design	2023-03-18 01:12:01 +08:00
Spedon	28ad9cb099	fix lazy load placeholder display bug	2023-03-16 21:42:59 +08:00
Spedon	944af06dc4	now position of div is changed by translate instead of left/top	2023-03-16 21:42:28 +08:00
Spedon	19e89db88a	change function style to const	2023-03-16 20:18:11 +08:00
Spedon	96b75abc7d	optimize coding style of image.scss	2023-03-16 00:08:16 +08:00
Spedon	27d4cb0277	create mobile.ts	2023-03-16 00:07:42 +08:00
Spedon	9b5b5a758a	get device type	2023-03-16 00:07:23 +08:00
Spedon	4d6f75d50f	rename import	2023-03-16 00:07:09 +08:00
Spedon	87b4453e64	rename	2023-03-16 00:06:21 +08:00
Spedon	81477f0ed8	add lazyload background	2023-03-14 23:31:20 +08:00
Spedon	37d62f85fb	add image cache function	2023-03-14 23:31:02 +08:00
Spedon	7a99f099cb	add box shadow to prevent webkit from partly repainting the frame	2023-03-14 23:29:51 +08:00
Spedon	6cc03a3fc9	add time delay to overlay enable	2023-03-14 13:16:12 +08:00
Spedon	533ab5fb35	add the function of clicking prev and next to control displaying image	2023-03-14 12:00:48 +08:00
Spedon	95cc8e6971	prevent webkit from partly repainting the frame	2023-03-14 11:55:21 +08:00
Spedon	72760e6388	make the return value of the calcImageIndex function more robust	2023-03-14 11:16:11 +08:00
Spedon	8aa97b2c06	now img index calculation is a standalone function in utils.ts	2023-03-14 11:05:41 +08:00
Spedon	438256a683	The old way of using layers is discarded	2023-03-14 02:08:01 +08:00
Spedon	9a7281f6da	now creation of image element can be achieved by createImgElement function in utils.ts	2023-03-14 02:02:56 +08:00
Spedon	38d1a8ab38	move all interfaces to utils.ts	2023-03-14 01:57:56 +08:00
Spedon	dc32f66f2c	modify the comment	2023-03-14 01:53:19 +08:00
Spedon	f1820a851c	add comments to the code	2023-03-14 01:49:35 +08:00
Spedon	5076455acd	reformat image.scss to accommodate the new features of scss	2023-03-14 01:40:23 +08:00
Spedon	c8e6ab505b	move footerUpdate function to overlay.ts and combine it with recenter function	2023-03-14 01:31:35 +08:00
Spedon	f3d3efb4ff	move json data fetching to a standalone module	2023-03-14 01:19:01 +08:00
Spedon	1785e1e7ce	[bug fix] close text still show after closing the overlay section	2023-03-14 01:10:11 +08:00
Spedon	211e2fd4fb	transition from javascript to typescript	2023-03-14 01:01:23 +08:00
Spedon	22967b6f5c	finish transition to json data fetching ... add smooth close animation	2023-03-11 19:56:27 +08:00
Spedon	d20388394e	testing overlay and json oriented data storing	2023-03-11 14:38:22 +08:00
Spedon	922eb6f0cd	import css of overlay section	2023-03-11 14:37:41 +08:00
Spedon	f1923b3d80	set css for overlay	2023-03-11 14:36:25 +08:00
Spedon	81207b5215	modify image display and use data-status to represent status	2023-03-11 14:36:02 +08:00