随机多图像旋转器-刷新页面时随机显示图像屏幕

Random Multiple image rotator - display a screen of images randomly when page refreshed?

本文关键字：图像 随机 显示 显示图 屏幕 刷新 旋转      更新时间：2023-09-26

我需要一个多随机图像旋转器。

我在整个屏幕上有一整页的多个120px X 100px的徽标，我想做的是当页面刷新时，徽标会在屏幕上随机旋转，所以一个徽标不会一直处于同一位置。

它也不能复制徽标，因此徽标不能在屏幕上重复？

有人能帮我吗？

我认为这可能很简单，只需jQuery给div一个类中包含所有徽标，然后刷新时它就可以随机混合所有徽标？

我厌倦的每一个教程都只考虑屏幕上显示的一个图像！

感谢

只需使用一些随机数来移动元素。

Javascript的Math.random对此做得很好，然后迭代所有图像，并在页面加载时移动它们。

这里有一个非常简单的例子：

$('.images').each(function() {
    randomElm = $('.images').get(Math.floor(Math.random()*10));
    randomElm.parentNode.insertBefore(this, randomElm);
});

这是一个FIDDLE

相关文章：