I would like to make a magnifying glass, or a zoom in an image of my image gallery when I pass the pointer over it. I have seen that with the imageLens function it can be done, but it does not work for me. Attached code to see if you can help me:
<section id="carrusel" class="relative">
<?php
$images = get_sub_field('galeria_fotos_unica');
?>
<ul id="fotos_carrusel" class="relative">
<?php if(!empty($images)):?>
<?php $counterimg = 0;?>
<?php foreach( $images as $image ): ?>
<?php $counterimg++;?>
<li class="img_carrusel_unica <?php if($counterimg == 1){ echo 'galeria_una_imagen';} elseif($counterimg == 2) { echo 'galeria_dos_imagen';} else { echo 'galeria_tres_imagen';}?>">
<div class="contenedor_galeria_unica">
<a class="group3" href="<?php echo $image['url']; ?>">
<img id="img_02" src="<?php echo $image['sizes']['medium']; ?>"></img>
<ul>
<li style="background:url(<?php echo $image['sizes']['medium']; ?>) center center no-repeat;background-size:cover;"></li>
</ul>
</a>
</div>
</li>
<?php endforeach; ?>
<?php endif; ?>
$("#img_02").imageLens({ lensSize: 200 });
As you can see the circle of the magnifying glass, but does not apply the zoom.