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

Compare commits

base: olyakonstantin:18c32a3781f171d74f6e7c2ac96210ff386e4b3a
Branches Tags
olyakonstantin:master
olyakonstantin:grid-n-view
..
compare: olyakonstantin:a4712a46ec1210e3b63ada245b6cfcd158d5f356
Branches Tags
olyakonstantin:grid-n-view
olyakonstantin:master

2 Commits
18c32a3781 ... a4712a46ec

Author SHA1 Message Date
Alex A. Naanou
a4712a46ec tweaks... 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
 2023-08-03 09:56:41 +03:00
Alex A. Naanou
8546deafbf adde body fade-in + restore scroll position (needs tweaking for actual loading times) 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
 2023-08-03 09:52:15 +03:00
2 changed files with 33 additions and 2 deletions
Show Stats Expand all files Collapse all files

33
grid-n-view.html
View File

@ -10,13 +10,44 @@
<script src="grid-n-view.js"></script> <script src="grid-n-view.js"></script>
<style> <style>
/* fade-in body... */
body {
animation: fadeInAnimation ease 2s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style> </style>
<script> <script>
var SCROLL_TIMEOUT = 100
// save/restore scroll position...
window.addEventListener('beforeunload', 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) }, SCROLL_TIMEOUT ?? 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)