随机图像加载

我发现了几个脚本，但我没有让他们上班：我在做什么错了;随机图像加载

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

我得到的字体颜色改变，但有问题与我的形象。

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

图像不更新刷新。

请帮助

来源

2011-08-18 Arno

尝试更换这行：

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

与此：

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

从本质上讲这是什么意思是“与id="logo"得到的DOM元素和"src"元素更改为"images/logo/" + Rlogo[rand]。

来源

2011-08-18 12:18:55

这是很奇怪的，不会让SENCE ...当我改变行也我的字体颜色转换器不起作用，图像不会改变。这并没有让我觉得......我会在其他电脑上试用它 – Arno

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

你应该做这样的事情，而不是：

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

来源

2011-08-18 12:21:56 Salah

这是非常奇怪的，并没有让人心动......当我改变行也我的字体颜色转换器不工作，图像doesn'改变。这不会让你感觉...我会在其他电脑上试用 – Arno

你可以上传你的网页，或发布你的整个代码。我测试它，它可以工作，所以你可能错过了一些东西或者可能是一个合成器错误。 javascript控制台是否显示任何错误？ – Salah

最近几天我没有时间在网页上工作。我现在还不能上传，所以我把这些内容放到了下载列表中：[link] http://www.screencast.com/t/zeCEImXx9我现在没有太多关于java的知识，所以会有一些愚蠢的数据和一些复制粘贴，这是一个工作，所以是yentl。感谢您的关注......如果您删除了randomcolor.js中的徽标参考，则在字体不会更改的情况下，字体会更改 – Arno

需要更换的标识父元素的图像：

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

来源

2011-08-18 12:50:16

请注意，在ready事件之后更改徽标，您可能会出现闪烁现象原始徽标图像可能会在页面呈现时显示。考虑在服务器端选择随机标志，或者在标志元素后面包含脚本，以便减少闪烁效应，如示例所示:) –

不会自动将脚本发布到上面的anwser中 – Arno

随机图像加载

回答

相关问题