我有5个不同的徽标图像,大小相同,只是颜色不同。我希望每当有人访问该网站并且页面重新加载时图像旋转,以便他们看到不同的颜色。

有没有办法用CSS做到这一点?

谢谢!

最佳答案

好吧,我有一个简单的想法可以做到这一点。基本上,生成一个随机数,然后根据该数字显示一个图像。因此,每次页面加载时,都会有一个新的RANDOM图像。

这是一个示例代码:

<?php
$imagenum = rand(1,10);
if (($imagenum = 1) or ($imagenum = 2)) {
    //Display Image #1 Here
    echo "<img src=''>";
}
elseif (($imagenum = 3) or ($imagenum = 4)) {
    //Display Image #2 Here
    echo "<img src=''>";
}
elseif (($imagenum = 5) or ($imagenum = 6)) {
    //Display Image #3 Here
    echo "<img src=''>";
}
elseif (($imagenum = 7) or ($imagenum = 8)) {
    //Display Image #4 Here
    echo "<img src=''>";
}
else {
    //Display Image #5 Here
    echo "<img src=''>";
}


这样,用户获得的图像总是随机的。



编辑

您问是否有办法在CSS中做到这一点。答案是否定的,CSS无法做到这一点。 CSS之所以不是动态的,它也做到了您所说的,而且它也无法思考(说)。

07-28 05:07