0

我使用适用于 WP 的 Advanced Custom Fields Plugin 为我的主题制作了一个自定义图库选项。它允许用户将图像上传到自定义页面，单击该页面会打开一个灯箱以显示全尺寸图像。我现在要做的是只使用一个缩略图打开一个图像库。页面上显示的唯一缩略图是让用户了解内部内容的缩略图。任何帮助将不胜感激。

4

2 回答 2

0

我知道这有点过时了，但我一直在扯头发寻找同样的东西，最后弄明白了。以为我会分享。

使用ACF和 WordPress 的Easy FancyBox插件，我创建了以下查询（出于我的目的，我使用自定义帖子类型，但显然这适用于任何类型的帖子）。

<?php
     $my_query = new WP_Query( array( 
         'post_type'        => 'YOUR-CUSTOM-POST-TYPE', 
         'posts_per_page'   => 15, ) ); 
                while ( $my_query->have_posts() ) { 
                    $my_query->the_post();
                    $thumb = wp_get_attachment_image_src( get_post_thumbnail_id($my_query->ID), 'full' );
                    $url = $thumb['0']; 
                    $images = get_field('gallery', $my_query->ID);
?>
                    <a href="<?php echo $url; ?>" rel="gallery-<?php echo $post->ID; ?>"><?php the_post_thumbnail('thumbnail'); ?></a>
                    <div class="fancybox-hidden">
                        <?php if( $images ) {
                                foreach( $images as $image ) { ?>
                                    <a href="<?php echo $image['url']; ?>" rel="gallery-<?php echo $post->ID; ?>"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" title="<?php echo $image['title']; ?>"/></a>   
                        <?php } } ?>
                    </div>
                
<?php } ?>

需要在 Easy FancyBox 设置（管理>媒体）下禁用自动图库功能，以便将 rel= 考虑在内。当然，拇指大小等可以根据您的需要进行修改。

希望这对其他人有帮助！

干杯，

-珍妮布

于 2014-06-26T13:11:00.373 回答
0

您可以按常规方式进行（创建链接到全尺寸图像的缩略图列表并使用 Fancybox 之类的东西显示）并隐藏除一个缩略图之外的所有缩略图（请参阅Fancybox 常见问题解答），尽管如果画廊这样做不利于带宽将有多个图像；或者您可以使用 thumnbail 启动模式窗口并从那里拉入图库。因此缩略图将在模态窗口中打开一个模板文件，如下所示：

<a href="lightbox.php?galleryID=1" rel="fancybox" />

然后lightbox.php可以galleryID从 URL 中获取并以您认为合适的任何样式创建图库。

于 2013-09-02T11:38:20.663 回答