anim
- boolean
If true
the navigation is animated.
Default Value: true
The element to be used as arrow left.
Default Value: Generated HTML div element.
The element to be used as arrow right.
Default Value: Generated HTML div element.
The caption of the displayed image.
Default Value: ''
The element to be used as caption.
Default Value: Generated HTML div element.
If
true
the
caption will be pulled
from the title DOM attribute.
Default Value: true
If true
the Overlay with the image will be positioned
on the center of the viewport.
Default Value: true
The element to be used as close.
Default Value: Generated HTML div element.
Index of the current image.
Default Value: 0
Image node element used to load the images.
Default Value: Generated img element.
Configuration attributes passed to the
Anim
class.
Default Value:
Predefined Anim configuration.
The element to be used as info.
Default Value: Generated HTML div element.
String template used to display the information.
Default Value: 'Image {current} of {total}'
links
- String | NodeList
Selector or NodeList containing the links where the ImageViewer
extracts the information to generate the thumbnails.
HTML element to house the img
which is being loaded.
Default Value: Generated HTML div element.
Whether the image is during a loading state.
Default Value: false
The element to be used as loading.
Default Value: Generated HTML div element.
The maximum height of the element
Default Value: Infinity
The maximum width of the element
Default Value: Infinity
modal
- boolean | Object
Displays the modal
OverlayMask on
the viewport. Set to
false
to disable.
Default Value: { opacity: .8, background: '#000' }
Preload all images grabbed from the
links attribute.
Default Value: false
Helper attribute to get the
size
of the
links NodeList.
Default Value: true