加载时的随机图像答案

【问题标题】：random image on load加载时的随机图像
【发布时间】：2011-08-18 12:13:08
【问题描述】：

我找到了几个脚本，但我没有让它们工作：我做错了什么；

我想更改页面上的颜色和一些图像，所以您第二次访问该页面时可能会得到另一种颜色。

我要更改字体颜色，但我的图像有问题。

js:

$(document).ready(function(){
  var colors = ["#D4FF00","#E18000","#ED4498","#0080C0"];
  var Rlogo= ['BIMP_groen.jpg','BIMP_oranje.jpg','BIMP_roze.jpg','BIMP_blauw.jpg'];  
  var rand = Math.floor(Math.random()*colors.length);
  $('a').css("color", colors[rand]);
  $('h2').css("color", colors[rand]);
  $('<img src="images/logo/' + Rlogo[rand] + '">').appendTo('#logo');
  });

在我的 html 中我有；

<img src="images/logo/BIMP_oranje.jpg" id="logo" align="right" alt='align="right"'>

图像不会在刷新时改变。

请帮忙

【问题讨论】：

标签： javascript jquery image random

【解决方案1】：

尝试替换这一行：

$('<img src="images/logo/' + Rlogo[rand] + '">').appendTo('#logo');

用这个：

$('#logo').attr("src","images/logo/" + Rlogo[rand]);

基本上这意味着“使用id="logo" 获取DOM 元素并将"src" 元素更改为"images/logo/" + Rlogo[rand]。

【讨论】：

这很奇怪，没有意义……当我换行时，我的字体换色器也不起作用，图像也没有改变。这没有意义......我会在另一台电脑上试试

【解决方案2】：

“appendTo”向元素添加一些内容，但#logo 元素（即“img”元素）没有内部html。

你应该这样做：

$("#logo").attr("src","images/logo/"+Rlogo[rand]);

【讨论】：

这很奇怪，没有意义……当我换行时，我的字体换色器也不起作用，图像也没有改变。这没有意义......我会在另一台电脑上试试
你能上传你的网页，或者发布你的整个代码。我对其进行了测试并且它可以工作，所以你可能错过了一些东西或者可能是一个合成器错误。 javascript 控制台是否显示任何错误？
过去几天我没有时间在页面上工作。我还不能上传，所以我压缩了内容并可供下载：[链接]screencast.com/t/zeCEImXx9我现在不太了解java，所以会有一些愚蠢的数据和一些复制粘贴，这是一项工作在过程中，所以是yentl。感谢您查看它...如果您删除 randomcolor.js 中的徽标引用，如果您激活该行字体将不会更改，则字体会更改

【解决方案3】：

需要替换 logos 父元素中的图片：

<div id="logoParent">
<img src="images/logo/BIMP_oranje.jpg" id="logo" align="right" alt='align="right"'/>
</div>
<script type="text/javascript">
$('#logoParent').html('<img src="images/logo/' + Rlogo[rand] + '"/>');
</script>

【讨论】：

请注意，在准备好事件之后更改徽标，您可能会遇到闪烁，因为原始徽标图像可能会在页面呈现时显示。考虑在服务器端选择随机的 logo，或者在 logo 元素之后包含选择 logo 的脚本以减少闪烁效果，如示例所示：)
不行，我把我的脚本贴在上面的anwser中