小编Jor*_*dan的帖子

我正在制作一个Wordpress网站,有些按钮有背景图像,图像在悬停时会发生变化.这是通过简单的CSS完成的.当用户首先进入页面并将鼠标悬停在按钮上时,空间将变为空白,直到新图像加载为止.

加载所有图像以获得平滑过渡的最佳方法是什么.

PS每页最多只有2个按钮

我正在使用高级自定义字段转发器插件来创建带有链接的大图像网格。我想要我在顶部创建的最新项目，所以我要问的是如何通过代码颠倒顺序？

任何帮助都会很棒。这是我当前的代码

<?php if( have_rows('shop_product') ):        

            while ( have_rows('shop_product') ) : the_row(); 

        ?>

                <div class="shop-item">
                    <div class="image-hover">
                        <div class="image-hover-inner">

                            <img src="<?php the_sub_field('product_image');?>">

                            <div class="image-caption">
                            <div class="image-caption-inner">
                            <a href="<?php the_sub_field('product_url');?>" target="_blank"><?php the_sub_field('product_brand');?><br>
                            Buy Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        <?php endwhile; 
        else :
        endif;
        ?>