jquery或者php，如何让div中的各种图片随机显示？

Question

我在此页面上有一堆图像/缩略图，并且希望能够让它们在刷新后以随机顺序显示，有人知道怎么做吗？

我在这个网站上使用 WordPress，但这不是一个画廊，否则我可以在画廊设置中使用它。

有办法做到这一点吗？

谢谢，

星期六

Answer 1

您可以使用 jqShuffle 插件。

调用它的好地方是在您的 functions.js 中，就在您调用 Masonry 之前：

$('.rugsAll').jqShuffle();

Answer 2

有两种方法可以做到这一点，无论您使用的是 JavaScript 还是 PHP（无论使用哪种方法，尽管实现略有不同）。

a) 创建一个包含要旋转的所有图像的数组，或者 b) 对所有图像使用命名方案，例如 image1.jpg、image2.jpg 等。然后，在代码中，您可以选择一个随机数组元素（使用方法 A）或选择一个随机数并将其适合您的命名方案（使用方法 B）。

在 JavaScript 中，效果是通过在 HTML 中放置占位符图像来实现的，然后在页面加载时将图像 src 更改为随机选择的图像路径。

在 PHP 中，您可以在生成页面时将图像 src 设置为随机选择的图像路径；这就是我通常这样做的方式，尽管我没有专门在 WordPress 中这样做过。

Answer 3

我不知道图像是如何加载并保存在您的网站上的。在此 PHP 解决方案中，图像应保存在数组 $images 中

$images = array( 'path/image1.jpg', 'path/image2.jpg', /* ... */ );

for( $i = 0, $i <= count($images)-1, $i++){

     $n = rand( $i, count($images)-1 );

     // display image or something

     unset( $images[$n] );
     $images = array_merge( array(), $images );
}