olyakonstantin/gallery
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adde body fade-in + restore scroll position (needs tweaking for actual loading times)

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-08-03 09:52:15 +03:00
parent 18c32a3781
commit 8546deafbf
2 changed files with 31 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
grid-n-view.html
View File

@ -10,13 +10,42 @@
<script src="grid-n-view.js"></script> <script src="grid-n-view.js"></script>
<style> <style>
/* fade-in body... */
body {
animation: fadeInAnimation ease 1s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style> </style>
<script> <script>
// save/restore scroll position...
window.onbeforeunload = function(){
window.scrollX > 0 ?
(sessionStorage.windowScrollX = window.scrollX)
: (delete sessionStorage.windowScrollX)
sessionStorage.windowScrollY = window.scrollY }
var restoreScroll = function(){
setTimeout(function(){
sessionStorage.windowScrollY
&& window.scroll(
(sessionStorage.windowScrollX ?? 0)*1,
sessionStorage.windowScrollY*1) }, 100) }
</script> </script>
</head> </head>
<body onload="setup()"> <body onload="setup(); restoreScroll()">
<h3>ToDo</h3> <h3>ToDo</h3>
<pre> <pre>

2
grid-n-view.js
View File

@ -463,7 +463,7 @@ var Gallery = {
return this }, return this },
// navigate images visually... // navigate images visually...
// XXX these seem not to work with passed list of images... // XXX BUG: these seem not to work with passed list of images...
left: function(images){ left: function(images){
var cur = this.current var cur = this.current
var row = this.getRow(cur, images) var row = this.getRow(cur, images)