Lightgallery 不会在 wordpress 中动态加载画廊

如何解决Lightgallery 不会在 wordpress 中动态加载画廊

我正在建立一个摄影展示 wordpress 网站。我在页面上动态加载了一个画廊，我无法加载它。同样的事情发生在其他页面上。

图像正在从 AWS 加载。我已尽我所能优化它们，

有什么想法吗？你会注意到它最后也加载了一个空白，关于如何解决这个问题的任何想法？

这是崩溃的 URL。第一名获胜者就是我所说的。

https://bop.nppa.org/2021/stillphotojournalism/sports-photojournalist-of-the-year/

这是一个有效的方法，它们都使用相同的代码模板 - https://bop.nppa.org/2021/stillphotojournalism/presidential-story/

我猜是因为该页面有太多图片——有什么解决办法吗？

<!-- Light gallery Start -->



<div class="d-image">

        <a id="dynamic" href>
                    <img <?PHP awesome_acf_responsive_image(get_sub_field( 'poster' ),'large','1024px'); ?>  alt="<?PHP the_sub_field( 'place' ); ?>" /></a>


</div>





        <script type="text/javascript">

        $('#dynamic').on('click',function(e) {

            e.preventDefault();
            $(this).lightgallery({
              dynamic:true,download: false,rotate: false,flipHorizontal: false,flipVertical: false,zoom: false,share: false,dynamicEl: [{

                  <?PHP $gallery_images = get_sub_field( 'gallery' ); ?>
                  <?PHP if ( $gallery_images ) :  ?>
                    <?PHP foreach ( $gallery_images as $gallery_image ): ?>


                    "src": '<?PHP echo esc_url( $gallery_image['sizes']['large'] ); ?>','thumb': '<?PHP echo esc_url( $gallery_image['sizes']['thumbnail'] ); ?>','subHtml': '<p><?PHP echo esc_html( $gallery_image['caption'] ); ?></p>'
                },{

                <?PHP endforeach; ?>
                <?PHP endif; ?>


              }]
            })
        });
        //]]></script>




        <!-- Light gallery End -->

谢谢