xxxxxxxxxx
<style>
.full-size {
max-width: 100%;
max-height: 100%;
cursor: zoom-in;
}
.full-size:hover {
cursor: zoom-out;
}
</style>
<img
class="full-size"
src="path_to_image.jpg"
alt="Image"
onclick="openFullSize(this)"
>
<script>
function openFullSize(image) {
window.open(image.src, '_blank');
}
</script>