viewer.js动态生成的img 显示不了

动态加载后，更新viewer.js查看插件的实例，参考代码如下：

viewerjs使用手册 viewer使用教程

viewerjs使用手册 viewer使用教程

window.addEventListener('DOMContentLoaded', function () {

var galley = document.getElementById('singleBox');

var viewer = new Viewer(galley, {

//: 'data-original',

title: function (image) {

return image.alt + ' (' + (this.index + 1) + '/' + this.length + ')';

},

show: function (){ // 动态加载后，更新实例

viewer.update();

}});

});加上上述代码中加了注释的那段参数。

要再绑定一次函数,每次运行绑定函数,都会找到对应元素来绑定,

在vue项目中使用viewerjs

npm install viewerjs

名称 类型 默认值 说明

inline 布尔值false启用 inline 模式

button 布尔值 true 显示右上角关闭按钮（jQuery 版本无效）

nbar 布尔值/整型 true 显示缩略图导航

title 布尔值/整型 true 显示当前的标题（现实 alt 属性及尺寸）

布尔值/整型 true 显示工具栏

tooltip 布尔值 true 显示缩放百分比

movable 布尔值 true 是否可移动

zoomable 布尔值 true 是否可缩放

rotatable 布尔值 true 是否可旋转

scalable 布尔值 true 是否可翻转

transition 布尔值 true 使用 CSS3 过度

fullscreen 布尔值 true 播放时是否全屏

keyboard 布尔值 true 是否支持键盘

interval 整型 5000 播放间隔，单位为毫秒

zoomRatio 浮点型 0.1 鼠标滚动时的缩放比例

minZoomRatio 浮点型 0.01 最小缩放比例

maxZoomRatio 数字 100 缩放比例

zIndex 数字 2015 设置查看器 modal 模式时的 z-index

zIndexInline 数字 0 设置查看器 inline 模式时的 z-index

字符串/函数 src 设置大的

build 函数 null 回调函数

built 函数 null 回调函数

show 函数 null 回调函数

shown 函数 null 回调函数

hide 函数 null 回调函数

hidden 函数 null 回调函数

view 函数 null 回调函数

viewed 函数 null 回调函数

jsp怎么调用viewerjs

众所周知，Ja语言具有完善的安全框架，从编程语言，编译器、解释程序到Ja虚拟机，都能确保Ja系统不被无效的代码或敌对的编译器暗中破坏，基本上，它们保证了Ja代码按预定的规则运作。但是，当我们需要逾越这些限制时，例如，读写文件，和读写Socket，退出Ja系统等，就必须使用数字签名或安全策略文件（.Policy）。 在企业内部网中，本文提出了使用安全策略文件来设置ja程序权限的一种简单的方法。由于企业内部网中各台计算机的位置、用途和安全性明确，更适于使用安全策略文件来设置ja的权限，软件的安装、设置、升级和迁移都非常的方便，并且，还可以和数字签名配合使用，更重要的是，可以细分每个ja程序的权限，使用起来灵活方便。 一. Ja中安全策略的概念 Ja应用程序环境的安全策略，详细说明了对于不同的代码所拥有的不同资源的许可，它由一个Policy对象来表达。为了让applet（或者运行在SecurityMar下的一个应用程序）能够执行受保护的行为，例如读写文件，applet（或Ja应用程序）必须获得那项作的许可,安全策略文件就是用来实现这些许可。 Policy对象可能有多个实体，虽然任何时候只能有一个起作用。当前安装的Policy对象，在程序中可以通过调用getPolicy方法得到，也可以通过调用setPolicy方法改变。Policy对象评估整个策略，返回一个适当的Permissions对象，详细说明那些代码可以访问那些资源。 策略文件可以储存在无格式的ASCII文件，或Policy类的二进制文件，或数据库中。本文仅讨论无格式的ASCII文件的形式。 二. Policy文件的格式 为了能够更好地理解下面的内容，建议在阅读时参照jdk1.2jrelibsecurityja.policy文件和jdk1.2jrelibsecurityja.security文件的内容。 1． Policy文件的语法格式与说明 一个Policy文件实质上是一个记录列表，它可能含有一个“keystore”记录，以及含有零个或多个“grant”记录。其格式如下： keystore"some_keystore_","keystore_type"; grant [SignedBy"signer_names"] [, CodeBase"URL"] { Permission permission_class_name ["target_name"] [,"action"] [, SignedBy"signer_names"]; Permission ...}; 1.1"keystore"记录 一个keystore是一个私有密钥（private keys）数据库和相应的数字签名，例如X.509证书。Policy文件中可能只有一条keystore记录（也可能不含有该记录），它可以出现在文件中grant记录以外的任何地方。Policy配置文件中指定的keystores用于寻找grant记录中指定的、签名者的公共密钥（public keys），如果任何grant记录指定签名者（signer_names），那么，keystore记录必须出现在policy配置文件中。 "some_keystore_"是指keystore的URL位置，"keystore_type"是指keystore的类型。第二个选项是可选项，如果没有指定，该类型则定由安全属性文件（ja.security）中的"keystore.type"属性来确定。keystore类型定义了keystore信息的存储和数据格式，用于保护keystore中的私有密钥和keystore完整性的算法。Sun Micros支持的缺省类型为“JKS”。 1.2"grant"记录 在Policy文件中的每一个grant记录含有一个CodeSource（一个指定的代码）及其permission(许可)。 Policy文件中的每一条grant记录遵循下面的格式，以保留字“grant”开头，表示一条新的记录的开始，“Permission”是另一个保留字，在记录中用来标记一个新的许可的开始。每一个grant记录授予一个指定的代码（CodeBase）一套许可（Permissions）。 permission_class_name必须是一个合格并存在的类名，例如ja.io.FilePermission，不能使用缩写（例如，FilePermission）。 target_name用来指定目标类的位置，action用于指定目标类拥有的权限。 target_name可以直接指定类名（可以是或相对路径），目录名，也可以是下面的通配符： directory/ 目录下的所有文件 当前目录的所有文件 directory/-目录下的所有文件，包括子目录 - 当前目录下的所有文件，包括子目录 《ALL FILES》文件系统中的所有文件 对于ja.io.FilePermission，action可以是： read, write, delete和execute。 对于，action可以是： listen，accept，connect，read，write。 1.3 Policy文件中的属性扩展（Property Expansion） 属性扩展与shell中使用的变量扩展类似，它的格式为： "${some.property}" 实际使用的例子为： permission

viewer.js怎样设置底部导航栏大小

直接修改控件的viewer.css或者隐藏自带的导航栏，自定义导航样式，自定义的按钮JS调用自带的按钮的JSclick即可，注意自定义的class名称不要和自带的名称一样

Viewer.js为什么显示出来是按钮的图标往下面移了，怎么调上来点？

button有很多种，Time 或者 根据默认样式表规定展现的形式也不同，要提供您的css样式表文件才能确定问题在哪

ae6hi只要你自己尝试几次就完全没有问题了，而且电脑手机都没影响的。