Jquery 取决于方向的动态背景图像

我正在尝试创建一个动态的全页背景图像。我找到了DirectorySlaider插件，它可以很好地用于普通图像，但我似乎无法对背景图像进行修改

我想创建一个背景图像，因为图像必须适合浏览器视图（全宽和全高），所以我想使用背景大小：100%100%属性

可在以下位置查看live网站：

这是我目前掌握的代码

（函数（$）{
var directorysslider=函数（元素、选项）
{
变量元素=$（元素），
obj=这个，
elemId=elem[0].id；
//合并配置设置
var config=$.extend({
动画：“幻灯片”，
文件库：“幻灯片”，
分机：'jpg'，
速度：1000，
超时：4000，
目录：空，
numslides:null，
高度：空，
宽度：空
}，选项|{}）；
//设置幻灯片尺寸（如果已设置）
if（配置高度）{
$（elem.css（'height'，config.height）；
}
if（配置宽度）{
$（elem.css（'width'，config.width）；
}
$（elem.css（'溢出'，'隐藏'）；
//获取幻灯片
var=[]，
slideNumber=1；
虽然（slideNumber）您可以在CSS中执行此操作。将媒体查询与
背景大小：cover
相结合来检测方向应该可以工作。这是否意味着图像将始终调整大小以适应显示，而不剪切图像的部分？问题的另一部分是，上述脚本适用于常规图像，但不适用于f或者bg-image。是的，如果您使用了
背景尺寸：contain
。您应该注意，这将拉伸图像的高宽比，并且可能看起来很奇怪。
封面
因此更好。