问题描述
我正在建立一个摄影展示 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 -->
谢谢
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)