<Viewerjs Images="imagesList" />
  • tibet-1.jpg
  • tibet-2.jpg
  • tibet-3.jpg
  • tibet-4.jpg
  • tibet-5.jpg
  • tibet-6.jpg
  • tibet-7.jpg
  • tibet-8.jpg
  • tibet-9.jpg
<Viewerjs Images="imagesList" toolbarlite="true" />
  • tibet-1.jpg
  • tibet-2.jpg
  • tibet-3.jpg
  • tibet-4.jpg
  • tibet-5.jpg
  • tibet-6.jpg
  • tibet-7.jpg
  • tibet-8.jpg
  • tibet-9.jpg
<div class="docs-galley22 mb-3"> <ul id="immmmm" class="docs-pictures22 clearfix"> @{ var i = 0; foreach (var item in imagesList) { < li & gt; < img src = "@item" & gt; < / li> i++; } } </ul> </div>
<Viewerjs Src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-3.jpg" Width="600px" Height="300px" />
  • tibet-3.jpg
<Viewerjs Src="https://fengyuanchen.github.io/viewerjs/images/thumbnails/tibet-5.jpg" Width="600px" Height="300px" toolbarlite="true" />
  • tibet-5.jpg




Events

Parameter
Description
Type
DefaultValue
ValueList
UseBuiltinImageDiv
Use built-in picture DIV
bool
true
-
Images
Picture list
List<string>
new List<string>
-
Alts
Picture name list
List<string>?
null
-
Src
Single picture
string?
null
-
Options
Component initialization parameters
ViewerOptions
new ViewerOptions()
-
toolbarlite
Simplified version of the toolbar
bool?
null
-
Height
high
string?
400px
-
ID
Component ID
string?
null
-
Width
width
string?
400px
-
An error has occurred. This application may no longer respond until reloaded. Reload 🗙