php - 图像加载后，PHP foreach 会立即回显

Question

我目前有一些 php 代码可以获取随机 Wordpress 帖子的缩略图，但问题是当我运行它时，在下载每个图像之前，没有图像显示。我想知道是否有办法回显图像然后转到下一个。谢谢。

 <?php
                    $args = array( 'numberposts' => 25, 'orderby' => 'rand' );
                    $rand_posts = get_posts( $args );
                    foreach( $rand_posts as $post ) : ?>
                    <?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );?>
                    <li id="photo-<?php the_ID(); ?>" class="visible scroll-content-item ui-widget-header"><a href="<?php the_permalink(); ?>"><img width="80" height="80" src="<?php echo $url; ?>" class="attachment-small-grid wp-post-image" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" /></a> </li>
                    <?php endforeach; ?>

Answer 1

PHP 无法告诉您图像何时下载，因为它是一种服务器端语言。您必须使用 javascript 来编写基于浏览器事件的代码，例如图像加载。

www.farinspace.com/jquery-image-preload-plugin/

该 jQuery 插件将让您根据每个图像加载执行功能，然后在所有图像加载...我可能会从那里开始。