Question

我遇到了Lightbox Plus插件的问题。我需要在我的主页中创建一堆元素，并将Lightboxes链接到它们以显示更多内容。现在，我设法创建了所需的所有元素，但生成的灯箱都是相同的，所有内容都与第一个要特定的元素相关。如果插入循环中，它们中的每一个都不应与他的“起始元素”相关联吗？这是我正在使用的代码：

while（$ loop-＆gt; have_posts（））：$ loop-＆gt; the_post（）; ？＆GT;

                <?php
                $id = get_the_ID();
                $big_image = get_field( "big_cocktail" );
                $thumb_image = get_field( "thumbnail_cocktail" );;
                $titolo_box = get_the_title();
                $sottotitolo_box = get_field( "sottotitolo_cocktail" );


                $h2_css = "margin-bottom: 5px !important;";
                $sottotitolo_css = "width:100% !important; text-align:center !important; padding-top: 5px !important; margin: 0 auto !important; margin-top:20px !important;";
                ?>

                <!--element-->
                <div class="element <?php echo $category -> slug; ?>" data-category="<?php echo $category -> slug; ?>">
                    <a class="lbp-inline-link-1" href="#" style="text-decoration:none;">
                        <img alt="" class="imgwork" src="<?php echo $thumb_image; ?>" heigth="100px"/>
                    </a>

                    <!-- THIS IS THE DIV FOR THE LIGHTBOX -->
                  <div style="display:none">
                    <div id="lbp-inline-href-1" style="background: #fff; height:100%; background-image:url('<?php echo $big_image; ?>');">
                        <h2 style=""><?php echo $titolo_box; ?></h2>
                    </div>
                </div>
                   <!-- END DIV-->
                    <div class="worksarrow">
                    <a class="lbp-inline-link-1" href="#" style="text-decoration:none;">
                        <img alt="" src="<?php echo get_template_directory_uri(); ?>/img/section-works/arrow.png" />
                    </a>
                    </div>
                    <a class="lbp-inline-link-1" href="#" style="text-decoration:none;">
                    <h2 style=""><?php echo $titolo_box; ?></h2>
                    </a>
                   <div class="sottotitolo_portfolio" style="<?php echo $sottotitolo_css; ?>">
                   <?php echo $sottotitolo_box; ?>                       </div>
                    <div class="worksbottom"></div>
                </div>



                <!--element-->

            <?php endwhile;
        }
        ?>

Answer 1

我终于解决了这个问题。他正在创建所有正确的弹出窗口，但每个弹出窗口都需要一个特定的类和ID，所以它就变成了：

＆LT; div id =“lbp-inline-href-＆lt;？php echo $ index;？＆gt;” style =“background：#fff; height：100％; background-image：url（'＆lt;？php echo $ big_image;？＆gt;'）;”＆gt;

＆LT; ？php $ index ++; ？＆GT;

Wordpress - 循环内灯箱插件的问题

1 个答案: