hello semicolon
is there a solution to handle the image sizes in lightboxes in order to reduce the pageload cross devices?
e.g. ...
canvas 6, Lightbox Single Image, http://themes.semicolonweb.com/html/canvas/lightbox.html lines 1542-1552
<a class="grid-item" href="images/portfolio/4/1.jpg" data-lightbox="image">
<div class="grid-inner">
<img src="images/portfolio/4/1.jpg" alt="Single Image">
<div class="bg-overlay">
<div class="bg-overlay-content dark">
<i class="icon-line-plus h4 mb-0" data-hover-animate="fadeIn"></i>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</a>in the img tag I use srcset thats fine, state of the art and works cross devices
but in the a tag <a class="grid-item" href="images/portfolio/4/1.jpg" data-lightbox="image">
what solution do you suggest for the href="images/portfolio/4/1.jpg" to have different image sizes respecting the devices/screenwidths?
rgds
stooky
