Fancybox（在Wordpress上）Next和Previous按鈕

我在我的Wordpress網站上使用Fancybox腳本來顯示我的投資組合。以下是它是如何設置的：Fancybox（在Wordpress上）Next和Previous按鈕

用戶轉到我的檔案 - 檔案夾頁面，他們可以看到我所有的作品。當他們點擊我們的投資組合項目中的一個時，而不是將它帶到單個帖子頁面，它只是在他們點擊的項目的fancybox中顯示單個帖子的信息。

所有這些都很好，但我想實現一個上一個和下一個箭頭，讓他們在顯示fancybox的同時在作品之間導航。

我以爲我可以逃脫使用內置在接下來的WP功能和以前的循環，像這樣：

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

但是，這並不工作，我猜是因爲單後頁從未實際顯示。

反正here is a link I found on the callbacks for it但我的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; ?>

這裏任何幫助將不勝感激:)謝謝

來源

2013-08-05 Derek

'他們可以看到我所有的作品。當他們點擊我們的投資組合項目中的一個時，它會顯示fancybox中的單個帖子信息......然後將相同的「rel」屬性添加到指向您不同帖子的鏈接，您將能夠瀏覽它們 – JFK

想知道if有一種方法可以讓我在該循環中添加一個類似於此的錨點以實現我需要的結果： 'Next' – Derek

感謝JFK，因爲這是在我的循環中，並且我使用的是計數器顯示的所有帖子在頁面上有相同的rel和href，但附加到＃more-info更改的數字。所以我需要一種方法來添加一個到更多的信息，當點擊下一個時，減去一個點擊之前瀏覽之間。就像你的觀看＃more-info12並點擊下一步將帶你到＃more-info13，反之亦然。 – Derek

原來的問題是在我的樣式表，我是因爲我的選擇框的一些問題上的花式盒包裝的z-index但通過消除箭頭實際顯示出來。

來源

2013-08-07 11:28:45 Derek

Fancybox（在Wordpress上）Next和Previous按鈕

回答

相關問題