如何从移动设备中选择图像并将其设置为背景图像，使用jquery移动

Question

我正在创建一个基于完整日历功能的移动应用程序。我需要设置该日历页面的背景图像，可以由用户手动选择。你能帮我吗?

Answer 1

所以这不是一个"完整日历"的主题，我建议使用jQuery的css解决方案-无论如何你已经包含了。

基于文档，您有一个完整的日历目标

<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))或使用按钮，链接....