73 Commits

This Branch

This Branch

All Branches

Author	SHA1	Message	Date
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	931f57802c	add mobile wrapper html	2023-03-16 00:06:54 +08:00
Spedon	fea22a556a	camel naming	2023-03-16 00:06:41 +08:00
Spedon	87b4453e64	rename	2023-03-16 00:06:21 +08:00
Spedon	ecaaa38363	move desktop components to desktop_wrapper.html	2023-03-14 23:53:32 +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	d5a280a98a	separate overlay.html	2023-03-14 23:30:24 +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	b05c475841	setup eslint for typescript config	2023-03-14 01:00:07 +08:00
Spedon	15ace4dc7a	update eslint config	2023-03-11 22:53:04 +08:00
Spedon	27d2633676	idea file	2023-03-11 22:47:58 +08:00
Spedon	60c1bd6695	eslint config	2023-03-11 22:47:52 +08:00
Spedon	3455e2f88f	editor config and code style/linting setting	2023-03-11 22:47:19 +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	a36abb412a	add overlay section ... add use json to store images data	2023-03-11 14:37:15 +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
Spedon	2109655997	modify z index	2023-03-11 14:35:27 +08:00
Spedon	c57a2001cd	add footer height css variable	2023-03-10 23:25:55 +08:00
Spedon	51e7d73bef	add expand top image function	2023-03-10 23:25:30 +08:00
Spedon	7400ca7105	set fixed height for footer	2023-03-10 23:24:24 +08:00
Spedon	1781fdae7e	click to center top image and let tailing images fade	2023-03-10 17:32:57 +08:00
Spedon	8869624dff	replace index display function with a more elegant for style	2023-03-10 17:06:23 +08:00
Spedon	0dfe6178b9	add fading effect for inactive images	2023-03-10 17:01:27 +08:00
Spedon	ceabfeaac8	add tailing image array ... now data status is replaced by the class oriented design	2023-03-10 17:01:08 +08:00
Spedon	f21437878b	warp image elements with a div	2023-03-10 16:59:58 +08:00