Jquery或php,如何在div中随机显示各种图像?

Jquery或php,如何在div中随机显示各种图像?,php,jquery,wordpress,Php,Jquery,Wordpress,我有一堆图片/缩略图,希望在刷新后能让它们以随机顺序显示,有人知道怎么做吗 我正在使用wordpress这个网站,但这不是一个图库,否则我可以在图库设置中使用它 有办法做到这一点吗 谢谢 Sat有两种方法,无论您使用的是JavaScript还是PHP(哪种都不重要,尽管实现略有不同) a)为所有要旋转的图像创建一个数组,或b)为所有图像使用命名方案,如image1.jpg、image2.jpg等。然后,在代码中,选择一个随机数组元素(使用方法a)或选择一个随机数,并将其放入命名方案(使用方法b)

我有一堆图片/缩略图,希望在刷新后能让它们以随机顺序显示,有人知道怎么做吗

我正在使用wordpress这个网站,但这不是一个图库,否则我可以在图库设置中使用它

有办法做到这一点吗

谢谢


Sat

有两种方法,无论您使用的是JavaScript还是PHP(哪种都不重要,尽管实现略有不同)

a)为所有要旋转的图像创建一个数组,或b)为所有图像使用命名方案,如image1.jpg、image2.jpg等。然后,在代码中,选择一个随机数组元素(使用方法a)或选择一个随机数,并将其放入命名方案(使用方法b)

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

在PHP中,在生成页面时,将image
src
设置为随机选择的图像路径;这是我通常的做法,虽然我没有在WordPress中专门这么做。

您可以使用

调用它的好地方应该是在
functions.js
中,就在调用砌体之前:

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

我不知道这些图片是如何在你的网站上加载和保存的。在此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 );
}
$images=array('path/image1.jpg','path/image2.jpg',/*…*/);

对于($i=0,$i Hi,感谢您的快速回复,图像运行在数据库上,因此我无法控制名称,因此可能我可以通过随机脚本随机排序图像选择包装图像的p标记。很好,我将检查这一个!