Javascript 单击时交叉淡入背景图像

中的java脚本代码是自动幻灯片图像，但我需要在单击.box1类时将其转换为onclick代码

当我点击box1时，类CrossFade只对id=#main中的背景图像有效。交叉淡入不得影响box1，且在背景图像交叉淡入时必须连续出现

对于背景图像，图像必须直接连接到图像 文件夹。为此，我需要在#main中连接图像文件夹和背景图像

有人能帮忙吗

---

检查以下JSFIDLE以更改clcik上的图像

在下面的代码中编写函数

$('#container').click(function() {

});

$('#container').click(function() {

});