打开多个图像从一个缩略图在自定义WordPress画廊

nsc4cvqm  于 2023-04-11  发布在  WordPress
关注(0)|答案(2)|浏览(146)

我做了一个自定义的画廊选项为我的主题使用先进的自定义字段插件可湿性粉剂.它可以让用户上传图像到一个自定义的页面,点击打开一个灯箱显示全尺寸的图像.我现在想做的是打开一个画廊的图像只使用一个缩略图.唯一的缩略图显示在页面上将是一个让用户了解里面是什么.任何帮助将不胜感激.

j8yoct9x

j8yoct9x1#

你可以用传统的方法(创建一个链接到全尺寸图像的缩略图列表,并使用类似Fancybox的东西显示),然后隐藏所有缩略图(见Fancybox FAQ),尽管如果图库中有很多图像,这对带宽不好;或者你可以使用thumnbail来启动一个模态窗口并从那里拉入图库。所以缩略图将在一个模态窗口中打开一个模板文件,如下所示:

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

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

nkoocmlb

nkoocmlb2#

我知道这有点过时了,但我一直在撕扯我的头发寻找同样的东西,最后终于弄明白了。
使用ACFEasy FancyBox插件的WordPress,我创建了以下查询(我使用的是自定义的post类型,但显然这适用于任何类型的post)。

<?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=考虑在内。当然,拇指大小等可以根据您的需要进行修改。
希望这对其他人有帮助!
干杯

  • 珍妮

相关问题