Fancybox（在Wordpress上）下一步和上一步按钮

我在Wordpress网站上使用Fancybox脚本来显示我的投资组合。以下是它的设置方式：

用户可以进入我的归档档案页，在那里他们可以看到我的所有作品。当他们点击我们的一个公文包项目时，它不会把你带到一个单一的帖子页面，而是在fancybox中显示他们点击的项目的单一帖子信息

所有这些都很好，但我想实现一个上一个和下一个箭头，让他们在显示fancybox时在作品之间导航

我想我可以在循环中使用Next和previous的内置WP函数，如下所示：

<?php previous_post(); ?>    <?php next_post(); ?>

但这不起作用，我猜是因为单个帖子页面从未真正显示出来

不管怎样，我的JS技能几乎没有

最后，这里是我的归档模板的外观以及我如何使用它

<?php if ( have_posts() ) : ?>

              <?php $counter = 1 ?>

          <!-- START LOOP -->
          <?php while ( have_posts() ) : the_post(); ?>

                      <div class="three columns portfolio-piece">
                          <a href="#more-info<?php echo $counter ?>" class="fancybox">

                              <?php 
                                  if ( has_post_thumbnail() ) {
                                      the_post_thumbnail( 'custom-archive-size' );
                                  } else {
                                      echo 'No Preview Available'; 
                                  } 
                              ?>

                          <div class="cover boxcaption"><?php echo the_title(); ?></div>
                          </a>
                      </div>

                      <div id="more-info<?php echo $counter ?>" style="display:none;width:auto;">
                          <div class="twelve columns">

                              <div class="four columns portfolio-image">
                           <?php 
                                  if ( has_post_thumbnail() ) {
                                      the_post_thumbnail( 'medium' );
                                  } else {
                                      echo 'No Preview Available'; 
                                  } 
                              ?>
                              </div>

                              <div class="eight columns portfolio-listing" style="max-width:720px !important;">

                                <h3 class="portfolio-heading" ><?php the_title() ?></h3>
                                <p><?php the_content() ?></p>

                                  <strong>Website: </strong>
                      <a href="<?php echo esc_html( get_post_meta( get_the_ID(), 'portfolio_website', true ) ); ?>" target="_blank"><?php echo esc_html( get_post_meta( get_the_ID(), 'portfolio_website', true ) ); ?></a></strong>
                              </div>

                          </div>

                     </div><!-- more info -->

                      <?php if ($counter % 4 == 0){echo '</div><div class="twelve columns" style="margin:15px 0;">';} ?>

                     <?php $counter++ ?>

          <?php endwhile; ?>

原来问题出在我的样式表上，因为我的选择框出现了一些问题，我在花哨的包装盒上有一个z索引，但是通过删除箭头，箭头确实出现了。
他们可以看到我所有的作品。当他们点击我们的一个投资组合项目时，它会在fancybox中显示单个帖子信息
。。。然后将相同的
rel
属性添加到您不同帖子的链接中，您将能够在其中导航，想知道是否有一种方法可以让我在类似于此的循环中添加一个锚，以实现我需要的结果：“”谢谢JFK，因为这在我的循环中，我使用了一个计数器，所以页面上显示的所有帖子都具有相同的rel和href，但附加到#more info的数字会发生变化。因此，我需要一种方法，在单击“下一步”时，将一个添加到更多信息中，在单击“上一步”时，将一个减去，以便在这两者之间导航。就像你查看#more-info12并单击next（下一步）会将你带到#more-info13，反之亦然。尝试将rel=“Gallery”添加到我的锚标记中，并将其添加到我的JS文件中，但没有成功：（好的，我实际上有两个网站使用fancybox，其中一个我可以通过添加rel=“Gallery”来使用JFK的建议另一个网站（我最初发布的网站）不起作用，但我发现有一些JS错误可能导致问题？请看这里：HTML中的下一个和上一个显示，但在加载fancybox时不会显示？