Update DMX Lightbox with some extra features... zoom... slideshow..
It would be great if we can add features like this to the current lightbox.. as i can see the license use is free ...
its pretty cool.....
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Advanced Lightbox Example with Fancybox</title>
<!-- Fancybox CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
</head>
<body is="dmx-app" id="picturetest">
<!-- Gallery -->
<div class="gallery">
<a href="1.jpg" data-fancybox="gallery" data-caption="Image Description">
<img src="1.jpg" alt="Image Description" style="width:200px;">
</a>
<!-- Add more images similarly -->
</div>
<!-- jQuery and Fancybox JS -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<script>
$(document).ready(function() {
$('[data-fancybox="gallery"]').fancybox({
buttons: [
"zoom",
"share",
"slideShow",
"fullScreen",
"download",
"thumbs",
"close"
],
// Enable touch gestures
touch: {
vertical: false, // Allow swipe up/down to close
momentum: true
},
// Customize the animation effect
transitionEffect: "zoom-in-out",
// Add more customization options as needed
});
});
</script>
</body>
</html>