Wordpress - проблема с плагином lightbox внутри цикла

У меня проблемы с плагином Lightbox Plus. Мне нужно создать кучу элементов на моей домашней странице и Лайтбоксы, связанные с ними, чтобы показать больше контента. Теперь мне удалось создать все необходимые элементы, но созданные лайтбоксы все одинаковы, все содержимое, связанное с первым из элементов, будет конкретным. Если вставить в цикл, то каждый из них должен быть связан с его «стартовым элементом»? Это код, который я использую:Wordpress - проблема с плагином lightbox внутри цикла

while ($ loop-> has_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; 
     } 
     ?>

источник

2013-12-05 Francesco Lupo Renzi

Я, наконец, решил это. Он создавал все нужные всплывающие окна, но каждый из них нуждался в определенном классе и идентификаторе, поэтому он просто стал:

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

<? php $ index ++; ? >

источник

2013-12-06 13:30:48

Wordpress - проблема с плагином lightbox внутри цикла

ответ

Смежные вопросы