我有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之所以不是动态的,它也做到了您所说的,而且它也无法思考(说)。