Question

它适用于网站的静态版本，但在将其转移到WP版本后，单击图像只需导航到新页面，而不是将LB放在顶部，就像静态版本一样。模板：

<?php
/*
Template Name: Work Child Page
*/
?>
<?php include 'header.php'; ?>

<?php while ( have_posts() ) : the_post(); ?>

<div class="col-md-10">
    <div class="row bottom-margin">
        <div class="col-md-12">
            <h3><?php the_field('title'); ?></h3>
        </div>
    </div>
    <div class="row">
        <?php           
            if(have_rows('images')):
                while(have_rows('images')): the_row();?>
                    <?php if(get_sub_field("image")): ?>

                        <div class="col-md-2 bottom-margin" data-title="" data-lightbox="Vacation">
                            <a href="<?php the_sub_field('image'); ?>">
                                <img class="img-responsive" src="<?php the_sub_field('image'); ?>" alt="">
                            </a>
                        </div>

                    <?php endif; // end of if field_name logic ?>   
                <?php endwhile;?>
            <?php endif;?>  

    </div>
</div>

<?php endwhile; // end of the loop. ?>

<?php include 'footer.php'; ?>

控制台不会出现任何JS错误。它使用ACF中继器，中继器被称为“图像”，其中一个子帧“图像”是图像类型并返回图像URL值？

Answer 1

您是否在创建字段时选择了图片网址。创建图像字段时，默认情况下可以选择图像对象。如果一切正常，请尝试在页面源中找到灯箱脚本，这是您包含的正确路径。

如果那也没关系，那么它必须与您使用过的某个插件脚本冲突，否则当您包含库时可能会出现问题。您可以尝试将其从页眉转换为页脚，反之亦然。

Answer 2

找到这段代码

<a href="<?php the_sub_field('image'); ?>">
    <img class="img-responsive" src="<?php the_sub_field('image'); ?>" alt="">

并替换为此

<a href="<?php the_sub_field('image'); ?>" rel="lightbox">
    <img class="img-responsive" src="<?php the_sub_field('image'); ?>" alt="">

Lightbox 2无法与Wordpress一起运行

2 个答案: