Question

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

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

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

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"'>

图像不会在刷新时改变。

请帮助

Answer 1

尝试替换此行：

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

用这个：

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

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

Answer 2

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

你应该做这样的事情：

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

Answer 3

您需要替换徽标父元素中的图像：

<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>

负载上的随机图像

3 个答案: