Horizontal gallery enlarge/lightbox on click

try this in quick css
(if you only like to have that on some horizontal galleries – then you had to give to that alb element a custom-class – and adjust the selectors.)

the trick is to have on the active item the anchor at whole container width and height. So the active click region will be the full image. The before content in this case will be not seen.

.av-horizontal-gallery {
  overflow: visible !important
}

#top .av-horizontal-gallery-wrap.av-active-gal-item {
  box-shadow: 0px 0px 10px #aaa
}

#top .av-horizontal-gallery-wrap.av-active-gal-item .av-horizontal-gallery-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  transform: scale(1);
}

.av-horizontal-gallery-wrap.av-active-gal-item:hover .av-horizontal-gallery-link {
  opacity: 0;
  transition: none !important;
}

#top .av-horizontal-gallery-wrap.av-active-gal-item .av-horizontal-gallery-link:before {
  content: " ";
  position: relative;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
}

see on: https://enfold.webers-webdesign.de/smudgedesign/#horizontal-gallery

i haven’t tested yet if it works with touch on mobile devices …