fancybox圖像不加載在moderna html主題開發項目

我想將Moderna HTML模板轉換爲WordPress主題。但是當我嘗試從後端發佈自定義帖子（投資組合）的圖像時，花哨框圖像無法正常工作。fancybox圖像不加載在moderna html主題開發項目

<div class="row"> 
 
\t \t \t <div class="col-lg-12"> 
 
\t \t \t \t <h4 class="heading">Recent Works</h4> 
 
\t \t \t \t <div class="row"> 
 
\t \t \t \t \t <section id="projects"> 
 
\t \t \t \t \t <ul id="thumbs" class="portfolio"> 
 
\t \t \t \t \t 
 
\t \t \t <?php if (has_post_thumbnail($post->ID)): ?> \t \t 
 
    <?php $portfolio_thumb = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); ?> 
 
      <?php endif; ?> 
 
\t \t \t \t \t 
 
\t \t \t \t \t  <?php 
 
        $args = array('post_type' => 'portfolio', 'posts_per_page' =>4,'orderby'=> 'title', 'order' => 'DEC'); 
 
        $loop = new WP_Query($args); 
 
        while ($loop->have_posts()) : $loop->the_post();?> 
 
          
 
          \t \t \t <!-- Item Project and Filter Name --> 
 
\t \t \t \t \t \t <li class="col-lg-3 design" data-id="id-0" data-type="web"> 
 
          <div class="item-thumbs"> 
 
           <!-- Fancybox - Gallery Enabled - Title - Full Image --> 
 
           <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Work 1" href="<?php echo $portfolio_thumb[0]; ?>"> 
 
           <span class="overlay-img"></span> 
 
           <span class="overlay-img-thumb font-icon-plus"></span> 
 
           </a> 
 
           <!-- Thumb Image and Description --> 
 
           <?php the_post_thumbnail('portfolio-image'); ?> 
 
          </div> 
 
\t \t \t \t \t \t </li> 
 
          
 
        <?php endwhile; ?> 
 
\t \t \t \t 
 
\t \t \t \t \t \t <!-- End Item Project --> 
 
\t \t \t \t \t </ul> 
 
\t \t \t \t \t </section> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div>

這裏是details-- http://bootstraptaste.com/free-bootstrap-template-corporate-moderna/

主題請幫我爲了這個目的。

來源

2015-11-02 Uzzal Chandra Dey

它如何「不能正常工作」？任何錯誤？ – vard

實際上沒有顯示任何錯誤，但是當我點擊圖像時，它沒有正確顯示彈出窗口。它不會在彈出窗口中顯示完整圖像並顯示「'1未定義'」。我正在發送帶有完整主題詳情的Dropbox鏈接。 –

鏈接的href值如何？他們是否正確？ – vard

您可以在帖子循環之外獲得拇指網址。考慮到你的頁面沒有縮略圖，has_post_thumbnail($post->ID)將返回false，那麼將不會設置$portfolio_thumb，並且$portfolio_thumb[0]會按照您的體驗回顯「undefined」。你需要的是在循環內移動縮略圖後的呼叫：

<ul id="thumbs" class="portfolio"> 
    <?php 
    $args = array('post_type' => 'portfolio', 'posts_per_page' =>4,'orderby'=> 'title', 'order' => 'DEC'); 
    $loop = new WP_Query($args); 
    while ($loop->have_posts()) : $loop->the_post(); 
     if (has_post_thumbnail($post->ID)): 
      $portfolio_thumb = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); 
     else: 
      continue; 
     endif; ?> 
     <li class="col-lg-3 design" data-id="id-0" data-type="web"> 
      <div class="item-thumbs"> 
       <!-- Fancybox - Gallery Enabled - Title - Full Image --> 
       <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="Work 1" href="<?php echo $portfolio_thumb[0]; ?>"> 
       <span class="overlay-img"></span> 
       <span class="overlay-img-thumb font-icon-plus"></span> 
       </a> 
       <!-- Thumb Image and Description --> 
       <?php the_post_thumbnail('portfolio-image'); ?> 
      </div> 
     </li> 
    <?php endwhile; ?> 
</ul>

來源

2015-11-02 11:25:32 vard

是的，我懂了。非常感謝你：） –

fancybox圖像不加載在moderna html主題開發項目

回答

相關問題