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

【问题标题】：Wordpress - issue with the lightbox plugin inside a loopWordpress - 循环内的灯箱插件问题
【发布时间】：2013-12-05 17:10:08
【问题描述】：

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

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

【问题讨论】：

标签： php wordpress loops lightbox2

【解决方案1】：

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

" style="background: #fff; height:100%; background-image:url('');">

【讨论】：