js-img-magnify

Pure JavaScript utility enabling magnifying glass effect on an images. No external dependencies required.

{{form.zoom}}
{{form.width}}
{{form.MagnifyDomWidth}}
MagnifyDomStyles:
Custom MagnifyDom:
magnify allow overflow:

code

magnifyImg{
  src: '/src/assets/waterDrop.jpg',
  zoom: {{this.form.zoom}},
  target: document.getElementById('example'),
  width: {{form.width}},
  MagnifyDomWidth: {{form.MagnifyDomWidth}},{{useMagnifyDomStyles ? `\n  MagnifyDomStyles: ${JSON.stringify(form.MagnifyDomStyles)},` : ''}}{{useMagnifyDom ? `\n  MagnifyDom: document.getElementById('show'),` : ''}}
  overflow: {{form.overflow}}
}

example: