2016-11-27 54 views
0

我想提出一個請求,以便從無閃屏獲取新的隨機圖像link. 我不確定這是否是正確的方式,但是隻要用戶單擊按鈕背景圖像應該改變。這是我的代碼。點擊發出新的圖像請求

$(document).ready(function() { 
    var changeImg= function(obj){ 
     var imageSrc = 'https://source.unsplash.com/random/'; 
     $('body').css('background-image', 'url(' + imageSrc + ')'); 
    }; 
    $('#getImg').on("click", changeImg); 
} 

當前圖像僅在頁面刷新時纔會更改。每次單擊#getImg按鈕時如何更改它?我需要Ajax來實現這個嗎?

回答

1

這是因爲瀏覽器已經加載了這個資源。您應該更改網址以加載新的背景圖片。

嘗試這樣:

var imageSrc = 'https://source.unsplash.com/random/?n=' + Math.random(); 
+0

超!有用! –