I am using the Responsive File Manager for the web file manager in my project. Works fine.
problem
My problem is when I open the image, it shows a preview in lightbox modal . How can I make this image as an image gallery, like navigating between Image ?
<a class="tip-right preview" title="<?php echo trans('Preview')?>" data-url="<?php echo $src;?>" data-toggle="lightbox" href="#previewLightbox"> <i class=" icon-eye-open"></i> </a>
Js
Here is a piece of JS code that is in the include.js file
r.on("click", ".preview", function() { var e = jQuery(this); return 0 == e.hasClass("disabled") && jQuery("#full-img").attr("src", decodeURIComponent(e.attr("data-url")))
HTML
<div id="previewLightbox" class="lightbox hide fade" tabindex="-1" role="dialog" aria-hidden="true"> <div class='lightbox-content'> <img id="full-img" src=""> </div> </div>
The violin is here
source share