Zoom Image Gallery ACF

0

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.

    
asked by Antonio Ángel Estrada Pérez 09.01.2017 в 21:37
source

0 answers