jquery-viewer(Viewer.js)—— 一个 jQuery 图片展示插件

用法:

<link  href="/path/to/viewer.css" rel="stylesheet">
<script src="/path/to/viewer.js"></script>

new Viewer(element[, options])   【element: HTMLElement类型,可以是img元素或包含img的元素

详细见: https://github.com/fengyuanchen/viewerjs/blob/main/README.md

官网展示效果:https://fengyuanchen.github.io/viewerjs/

 

 最简单的用法:

    function UploaderShowGridFileEx(currentIndex, img) {
        $("#UploaderHiddenImg").remove();
        if (img.length > 0) {
            $("body").append('<div id="UploaderHiddenImg" style="display:none;"></div>');
            $.each(img, function (index, value) {
                $("#UploaderHiddenImg").append('<img src="' + value.Url + '" alt="' + value.Alt + '"/>');
            });
            var viewer = new Viewer(document.getElementById('UploaderHiddenImg'), {
                initialViewIndex: currentIndex,
                hidden: function () {
                    viewer.destroy();
                    $("#UploaderHiddenImg").remove();
                }
            });
            viewer.show();
        }
    }

相关推荐

  1. jQuery系列」jQuery Cookie功能介绍

    2024-03-13 11:44:05       46 阅读
  2. 表单——jquery.form.js

    2024-03-13 11:44:05       30 阅读
  3. jquery

    2024-03-13 11:44:05       37 阅读
  4. <span style='color:red;'>jQuery</span>

    jQuery

    2024-03-13 11:44:05      30 阅读
  5. JQuery

    2024-03-13 11:44:05       32 阅读
  6. <span style='color:red;'>jQuery</span>

    jQuery

    2024-03-13 11:44:05      27 阅读
  7. <span style='color:red;'>jquery</span>

    jquery

    2024-03-13 11:44:05      37 阅读
  8. jQuery

    2024-03-13 11:44:05       37 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-13 11:44:05       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-13 11:44:05       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-13 11:44:05       87 阅读
  4. Python语言-面向对象

    2024-03-13 11:44:05       96 阅读

热门阅读

  1. 【C++】内存泄漏

    2024-03-13 11:44:05       37 阅读
  2. 阿里云数据盘挂载目录

    2024-03-13 11:44:05       45 阅读
  3. C++内存对齐知识点总结

    2024-03-13 11:44:05       39 阅读
  4. 运维工程师面试题

    2024-03-13 11:44:05       33 阅读
  5. 在vue中什么是虚拟DOM?

    2024-03-13 11:44:05       43 阅读
  6. 计算机网络面经八股-HTTP1.0和HTTP1.1的区别?

    2024-03-13 11:44:05       39 阅读
  7. CSS进阶空间转换和 less

    2024-03-13 11:44:05       29 阅读
  8. php7.3.4连接sqlserver(linux平台)

    2024-03-13 11:44:05       40 阅读