<html lang="en">
<head>
<script src="cornerstone.min.js"></script>
<script src="cornerstoneWebImageLoader.min.js"></script>
<script src="cornerstoneNIFTIImageLoader.min.js"></script>
</head>
<body>
<div id="test"></div>
<div id="test2"></div>
</body>
<script>
(async () => {
cornerstoneNIFTIImageLoader.external.cornerstone = cornerstone
cornerstoneWebImageLoader.external.cornerstone = cornerstone
let div = document.getElementById("test")
let div2 = document.getElementById("test2")
cornerstone.enable(div)
let img = await cornerstone.loadImage("http:image.png")
cornerstone.displayImage(div, img)
let overlay = await cornerstone.loadImage("http:overlay.png")
let id = cornerstone.addLayer(div, overlay)
cornerstone.removeLayer(div, id)
cornerstone.displayImage(div, img)
cornerstone.enable(div2)
let img2 = await cornerstone.loadImage("nifti:Brats17_TCIA_471_1_flair.nii.gz#75")
cornerstone.displayImage(div2, img2)
let overlay2 = await cornerstone.loadImage("nifti:Brats17_TCIA_471_1_seg.nii.gz#75")
let id2 = cornerstone.addLayer(div2, overlay2)
cornerstone.removeLayer(div2, id2)
cornerstone.displayImage(div2, img2)
})()
</script>
</html>