高級自定義字段 - 單擊縮略圖上的Fancybox幻燈片

我正在嘗試創建單擊幻燈片時彈出的fancybox幻燈片。我正在使用圖庫字段的高級自定義字段。高級自定義字段 - 單擊縮略圖上的Fancybox幻燈片

這就是我的;

 <?php 
     $images = get_field('gallery'); 
     $image_1 = $images[0]; 
     ?>  
     <a href="<?php echo $images['url']; ?>" rel="fancybox"> 
     <img src="<?php echo $image_1['url']; ?>" /></a>

不幸的是，當你點擊圖片沒有任何反應......

任何線索？

謝謝！

來源

2014-02-20 Jaeeun Lee

正如Pranita說，你應該使用一個for循環產生的畫廊。

如果此顯示比您想要的更多縮略圖，您可以簡單地構建HTML/CSS，以便隱藏每個縮略圖（第一個除外）。

使用此從official documentation，並根據您的需要進行定製。

<?php $images = get_field('gallery'); 

if($images) : ?> 
    <div id="carousel" class="flexslider"> 
     <ul class="slides"> 

     <?php foreach($images as $image): ?> 
      <li> 
       <img src="<?php echo $image['sizes']['thumbnail']; ?>" alt="<?php echo $image['alt']; ?>" /> 
      </li> 
     <?php endforeach; ?> 

     </ul> 
    </div> 
<?php endif; ?>

來源

2014-02-26 06:23:07

問題是你已經使用$ images ['url']其中圖像是一個多維數組。它必須是$ image_1 ['url'];

只要使用for循環，如果你想要每個圖像。否則，如果你只想要一個圖像，然後使用

<a href="<?php echo $images[0]['url']; ?>" rel="fancybox"> 
     <img src="<?php echo $images[0]['url']; ?>" /></a>

來源

2014-02-20 06:42:45 Pranita

我正在使用$ images ['url']，因爲我想要將所有其他圖像鏈接到一個圖像。如果我使用循環，所有圖像也以縮略圖形式顯示，但我只需要一個縮略圖。 –

高級自定義字段 - 單擊縮略圖上的Fancybox幻燈片

回答

相關問題