點擊圖像的點擊URL的背景圖像變化

我試圖改變點擊背景圖像。而不是使用設置的值爲bg圖像更改爲，我希望圖像被更改爲單擊圖像的URL。點擊圖像的點擊URL的背景圖像變化

我已經創建了一個jsfiddle，以我想到的爲例。它顯示了我目前所處的位置。它位於這裏：http://jsfiddle.net/CompMike/j8JZ3/27/

這是我試過的jQuery，但它不工作。我對此很新。 switchfg是一個帶有透明圖像的div。它有一個背景圖像設置爲默認值。 switchbg是在同一頁上的圖像列表。當其中一個被點擊時，我需要將該圖像設置爲div switchfg的背景。任何幫助將不勝感激。 http://jsfiddle.net/CompMike/j8JZ3/27/

jQuery(document).ready(function() { 

var switchfg = jQuery('.light-switch'); 
var switchbg = jQuery('.switchbg img'); 

switchbg.on("click", function() { 
    var img = $(this).attr('src'); 
    switchfg.css('background-image', function() { 
     'url(' + img + ');' 
    }); 
    }); 
});

來源

2012-10-01 CompMike

你忘了返回新的背景網址。它應該是'return'url（'+ img +'）';'因爲div的大小很小，所以你不能在背景圖像的中間看到文本。 –

普通中等教育，您可以直接設置背景（無功能）是這樣的：

switchfg.css('background-image', 'url(' + img + ')');

要看看你還需要給一個寬的背景和高度的.light開關DIV。

來源

2012-10-01 20:45:07

謝謝你回答我的問題。 – CompMike

我做了更新腳本：

http://jsfiddle.net/j8JZ3/35/

所有的第一次出現在代碼中的一些混亂 - 在$的.css功能（）（）。剛剛刪除它。

但真正的問題是，在你的CSS文件，你宣佈

background: url(....)

，並在JavaScript中你想改變：

background-image: .....

因此，我改變既background: url(....)，它工作。

來源

2012-10-01 20:46:18

謝謝你回答我的問題。 – CompMike

點擊圖像的點擊URL的背景圖像變化

回答

相關問題