Flexslider nicht Synchronisierung mit dynamischen Posten

Question

I flexslider mit einem ACF für jede Schleife mit diesem Code aktiviert haben:

$(window).load(function() { 
    // The slider being synced must be initialized first 
    $('#gallerycarousel').flexslider({ 
     animation: "slide", 
     controlNav: false, 
     animationLoop: false, 
     slideshow: false, 
     directionNav: true, 
     itemWidth: 300, 
     itemMargin: 10, 
     animationLoop: true, 
     asNavFor: '#galleryslider' 
    }); 

    $('#galleryslider').flexslider({ 
     animation: "slide", 
     controlNav: false, 
     animationLoop: false, 
     slideshow: false, 
     directionNav: true, 
     sync: "#gallerycarousel" 
    }); 

}); 


<div class="flexslider" id="galleryslider"> 
    <ul class="slides"> 

    <?php 
    $gallery = get_field('fullgallery'); 

     foreach($gallery as $galleryImage): 
     $image = $galleryImage['url']; ?> 

      <li style="background-image: url('<?php echo $image; ?>')"></li> 

     <?php endforeach; ?> 

    </ul> 
</div> 

<div class="flexslider" id="gallerycarousel"> 
    <ul class="slides"> 

     <?php 
     foreach($gallery as $galleryImage): 
     $image = $galleryImage['url']; 
     ?> 

      <li style="background-image: url('<?php echo $image; ?>'); background-size: cover;"> 

       <div class="viewImg"> 
        <a class="fancybox" rel="gallery1" href="<?php echo $image; ?>" title="<?php echo $galleryImage['caption']; ?>"><i class="fa fa-search"></i></a> 
       </div> 

      </li> 

      <meta property="og:image" content="<?php echo $galleryImage['url']; ?>" /> 
     <?php endforeach; ?> 

    </ul> 
</div> 

Mein Problem ist, dass auf Klick auf ein Thumbnail, nimmt es mich an die falsche große Bild, ich habe versucht, Flexslider wieder herunterzuladen, aber kein Glück, ich habe auch versucht, die für jede Schleife mit nur statischen Elementen zu ersetzen, und das scheint es zu beheben.

Ich bin unsicher, wie man es mit der foreach-Schleife zur Arbeit bringt, hat jemand eine Lösung dafür?

Answer 1

Es scheint zu entfernen: <meta property="og:image" content="<?php echo $galleryImage['url']; ?>" /> das Problem behoben.