afiq.hamzah
53 lines
1.5 KiB
JavaScript
Vendored
53 lines
1.5 KiB
JavaScript
Vendored
function marhunPhotoViewerFactory(button_selector) {
|
|
|
|
return {
|
|
attachPhotoViewer: function () {
|
|
|
|
if(! document.querySelector(button_selector)){
|
|
return;
|
|
};
|
|
|
|
document.querySelector(button_selector).addEventListener('click', (event) => {
|
|
event.preventDefault();
|
|
|
|
const image = new Image();
|
|
image.src = event.target.href
|
|
|
|
const viewer = new Viewer(image, {
|
|
hidden: function () {
|
|
viewer.destroy();
|
|
},
|
|
navbar: false,
|
|
title: false,
|
|
toolbar: {
|
|
zoomIn: {
|
|
show: true,
|
|
size: 'large',
|
|
},
|
|
oneToOne: {
|
|
show: true,
|
|
size: 'large',
|
|
},
|
|
zoomOut: {
|
|
show: true,
|
|
size: 'large',
|
|
},
|
|
},
|
|
viewed() {
|
|
// Zoom to 50% from the center of the window.
|
|
viewer.zoomTo(1.25, {
|
|
x: window.innerWidth / 2,
|
|
y: viewer.innerHeight / 2,
|
|
});
|
|
},
|
|
});
|
|
|
|
|
|
viewer.show();
|
|
|
|
})
|
|
|
|
}
|
|
}
|
|
}
|