如何使用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 ....