Wordpress-lightbox插件在循环中的问题


Wordpress - issue with the lightbox plugin inside a loop

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

while($loop->have_posts()):$loop->the_post();?>

                <?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;
        }
        ?>

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

<div id="lbp inline href-<?php echo$index;?>"style="background:#fff;height:100%;background-image:url('<;php echo$big_image;?>');">

<php$index++;?>