本文主要是介绍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();}}
这篇关于jquery-viewer(Viewer.js)—— 一个 jQuery 图片展示插件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!