响应式文件管理器将图像打开为图库

时间:2017-06-14 06:35:01

标签: javascript jquery html css responsive-filemanager

我在项目中使用Responsive File Manager作为Web文件管理器。 它工作正常。

问题

我的问题是当我打开图像时,它会在lightbox modal中显示预览。 如何将图像设为像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

这是一个代码JS代码,位于include.js文件

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>

Fiddle Here

0 个答案:

没有答案