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

added click to select option...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2023-07-22 00:11:20 +03:00
parent b8a0146d63
commit f869066082
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
grid-n-view.js
View File

@ -143,6 +143,7 @@ var keyboard = {
var Gallery = { var Gallery = {
allow_row_expansion: true, allow_row_expansion: true,
click_to_select: true,
code: ` code: `
<div class="gallery"> <div class="gallery">
@ -405,8 +406,15 @@ var Gallery = {
.addEventListener('click', function(evt){ .addEventListener('click', function(evt){
var target = evt.target var target = evt.target
if(target.tagName == 'IMG'){ if(target.tagName == 'IMG'){
that.current = target // first click selects, second shows...
that.show() } }) if(that.click_to_select){
target.classList.contains('current') ?
that.show()
: (that.current = target)
// first click selects and shows...
} else {
that.current = target
that.show() } } })
// handle resizing... // handle resizing...
new ResizeObserver( new ResizeObserver(