如何使用jquery mobile從移動設備中選擇圖片並將其設置爲背景圖片？

Question

我正在創建基於fullcalendar功能的移動應用程序。我需要爲該日曆頁面設置背景圖片，並且可以由用戶手動選擇。您可以幫我嗎？ 在此先感謝。

Answer 1

所以這不是一個「fullcalendar」主題，我會建議一個使用jQuery的css解決方案 - 無論如何你都包括在內。

基於你有fullcalendar目標

<div id='calendar'></div> 

和背景選擇列表

<h2>Choose Background :</h2> 
<ul id="calendar-background"> 
    <li data-color="yellow">Yellow</li> 
    <li data-color="red">Red</li> 
    <li data-color="green">Green</li> 
</ul> 

使用jQuery事件這樣的實況：

jQuery("#calendar-background li").click(function(){  
    // current li 
    var li = jQuery(this); 
    // target color 
    var color = li.data("color"); 
    // put color to fullcalendar 
    jQuery("#calendar").css("background-color", color); 
}); 

您可以輕鬆地適應這個例子的需要，例如更改背景圖片（background-image：url（yellow.gif））或使用bu ttons，links ....