隨機圖像加載

我發現了幾個腳本，但我沒有讓他們上班：我在做什麼錯了;隨機圖像加載

我想更改頁面上的顏色和一些圖像，所以第二次瀏覽頁面時可能會得到另一種顏色。

我得到的字體顏色改變，但有問題與我的形象。

的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

隨機圖像加載

回答

相關問題