ImageViewer-omeka-module/view/common/block-layout/imageViewer.phtml

<?php
	if ($zoom_type == "wheelzoom") {
	$this->headScript()->appendFile($this->assetUrl('vendor/wheelzoom/wheelzoom.js',
																									'ImageViewer'));
	}
	if ($zoom_type == "zoom") {
	$this->headScript()->appendFile($this->assetUrl('vendor/zoom/jquery.zoom.min.js',
																									'ImageViewer'));
	}
	if ($zoom_type == "zoom" || $zoom_type == "wheelzoom") {
	$this->headLink()->appendStylesheet($this->assetUrl('css/zoom.css',
																									'ImageViewer'));
	}
?>

<?php if ($renderSourceLink) { ?>
	<div class="source-link">
		<a href="<?= $item_url ?>">Source</a>
	</div>
<?php } ?>


<?php if ($zoom_type == "zoom") { ?>
	<div id='<?= $id ?>' class='zoom' style='width:<?= $width ?>%; cursor:grab'>
		<img src='<?= $image ?>' alt='<?= $title ?>'/>
	</div>
<?php } ?>

<?php if ($zoom_type == "wheelzoom") { ?>
	<div class='zoom' style='display:block; width:<?= $width ?>%; cursor:crosshair'>
		<img id="<?= $id ?>" src="<?= $image ?>" />
	</div>
<?php } ?>

<?php if ($zoom_type == "") { ?>
	<div 	class="archive-img">
		<img id="<?= $id ?>"
				 style="width: <?= $width ?>%;"
				 src="<?= $image ?>"
		/>
	</div>
<?php } ?>

<?php if ($title) { ?>
	<div class="item_title">
		<?= $title ?>
	</div>
<?php } ?>



<?php if ($zoom_type == "zoom") { ?>
	<script>
		$(document).ready(function(){
			$('#<?= $id ?>').zoom({on:'grab', 'duration': 200, 'magnify': 1.5});
		});
	</script>
<?php } ?>

<?php if ($zoom_type == "wheelzoom") { ?>
	<script>
		$(document).ready(function(){
			wheelzoom(document.querySelector('#<?= $id ?>'));
		});
	</script>
<?php } ?>