Зум и доп фото

[Briz 3]

Подскажите, пожалуйста, использую замену главного фото при наведении на доп в карточке товара при помощи скрипта:

<?php if ($images) { ?>
<script type="text/javascript"><!--
$(function(){
    var imgs = <?php echo json_encode($images); ?>;
    var html = '';
    $.each(imgs,function(i,image){
        html += '<div class="image" style="display:none;"><a href="' + image.popup + '" title="<?php echo $heading_title; ?>" class="colorbox" >';
        html += '<img src="' + image.addthumb + '" id="zoom_01" data-zoom-image="' + image.popup + '" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>"  class="colorbox"  /></a></div>';
        $('.image-additional').before(html);
        html = '';
    })
    html = '<a href="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" >';
    html += '<img src="<?php echo $addpopup; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" /></a>';
    $('.image-additional').prepend(html);
    var images = $('div.left .image');
    var thumbs = $('.image-additional a');
    
    images.children('a').colorbox({rel:'colorbox'});
    thumbs.on('mouseover',function(e){
        e.preventDefault();
        images.hide();
        images.eq(thumbs.index(this)).show();
        
    });
});
//--></script>
<!-- EOF oc_Thumb_image_swap.xml -->
<?php } ?>

 

так же используется  elevateZoom

 

<script type="text/javascript">
$(document).ready(function(){$("#zoom_01").elevateZoom({cursor:"crosshair",zoomWindowFadeIn:500,zoomWindowFadeOut:750,lensFadeIn:500,lensFadeOut:500})}),$(window).on("resize",function(){var o=$(this);$("#zoom_01").elevateZoom(o.width()<900?{cursor:"crosshair",zoomType:"inner",zoomWindowFadeIn:500,zoomWindowFadeOut:750,lensFadeIn:500,lensFadeOut:500}:{cursor:"crosshair",zoomType:"window",zoomWindowFadeIn:500,zoomWindowFadeOut:750,lensFadeIn:500,lensFadeOut:500})});
                </script>  

 

В скрипте доп фото айди поставила, но все равно срабатывает зум только на главном фото, буду благодарна, если хотя бы укажите что я делаю не так. Спасибо

[fanatic 187]

В 14.03.2018 в 10:16, Briz сказал:

id="zoom_01"

идентификатор, должен быть уникальным.  а вы всем один

[Briz 3]

11 часов назад, fanatic сказал:

идентификатор, должен быть уникальным.  а вы всем один

даже если поставить другой идентификатор, все равно не работает