Php 使用repeater显示链接到完整图像的缩略图

Php 使用repeater显示链接到完整图像的缩略图,php,jquery,html,image,jquery-masonry,Php,Jquery,Html,Image,Jquery Masonry,我正在使用带有repeater字段的Advanced Custom Fields插件在砌体图库中显示图像,我希望能够将图库中的图像显示为缩略图,然后单击它们将其打开到灯箱中,除砌体图像不显示为缩略图外,我的所有功能都正常(这意味着打开页面时会加载大量全高清图像,导致加载速度缓慢,这是网站页面-(我应该补充一下,这是我正在创建的Wordpress主题!)。 代码如下: <?php if(get_field('images')): ?> <?php

我正在使用带有repeater字段的Advanced Custom Fields插件在砌体图库中显示图像,我希望能够将图库中的图像显示为缩略图,然后单击它们将其打开到灯箱中,除砌体图像不显示为缩略图外,我的所有功能都正常(这意味着打开页面时会加载大量全高清图像,导致加载速度缓慢,这是网站页面-(我应该补充一下,这是我正在创建的Wordpress主题!)。 代码如下:

<?php if(get_field('images')): ?>
                <?php while(the_repeater_field('images')): ?>
                        <?php $image = wp_get_attachment_image_src(get_sub_field('image'), 'full'); ?>
                        <?php $thumb = wp_get_attachment_image_src(get_sub_field('image'), 'thumbnail'); ?>
                        <div class="item">

                        <!-- Lightbox Image's -->       
                        <a href="<?php the_sub_field('image');?>" class="fancybox" rel="gallery_group"> 
                        <!-- Thumbnail Image's -->  
                        <img src="<?php the_sub_field('image');?>"
                        </a>

                        </div>
                <?php endwhile; ?>

            <?php endif; ?> 


使用
phpthumb
制作ImagesOry的缩略图我对所有这些东西都不熟悉,我在哪里使用它?上传文件夹中已经有缩略图,我需要知道如何将它们拉出来用作砌体图像。