Javascript 如何使用背景图像封面在图像之间进行转换？

我想从我的网站上的背景图片进行转换。我使用JQuery来实现它

但是，图像必须具有覆盖效果。但我不能这样做

我使用此示例制作图像封面：

之后，我插入Jquery进行转换，但我不能使所有图像都覆盖效果

怎么做这个

var id=0；
var imgs=新数组（）；
imgs[0]=”http://www.imagenstop.blog.br/wp-content/gallery/imagens-de-fundo/Imagem-de-Plano-de-Fundo.jpg";
imgs[1]=”http://wallpaper.ultradownloads.com.br/56263_Papel-de-Parede-Fundo-de-Mosaico-Azul_1920x1200.jpg";
imgs[2]=”http://www.wallpapersxl.com/wallpapers/2560x1600/fundo-de-tela-azul/450289/fundo-de-tela-azul-neon-papel-parede-450289.jpg";
//添加图像
函数troca（）{
如果（id
.conteudo{
宽度：100%；
身高：100%；
背景：url（'http://www.imagenstop.blog.br/wp-content/gallery/imagens-de-fundo/Imagem-de-Plano-de-Fundo.jpg")不重复;；
}
img.bg{
背景图像：url（'http://www.imagenstop.blog.br/wp-content/gallery/imagens-de-fundo/Imagem-de-Plano-de-Fundo.jpg');
*/背景尺寸：封面；
位置：固定；
排名：0；
右：0；
底部：0；
宽度：90%；
}
您不应该在实际图像元素上放置背景图像。我很难想象这应该是什么样子，但我认为将图像元素更改为div将是一个好的开始

$('.conteudo').html('<img src=\""+imgs[id]+"\" width=\"50%\" height=\"100%\" class=\"bg\"/>');
$('.conteudo').fadeIn(500);",250);

$（'.conteudo'）.html（''）；
$（'.conteudo'）.fadeIn（500）；",250);

差不多

$('.conteudo').html('<div style=\"background-image:' + imgs[id] + ';\" width=\"50%\" height=\"100%\" class=\"bg\"></div>');
$('.conteudo').fadeIn(500);",250);

$（'.conteudo'）.html（''）；
$（'conteudo'）.fadeIn（500）；“，250）；
您不应该在实际图像元素上放置背景图像。我很难想象这应该是什么样子，但我认为将图像元素更改为div将是一个好的开始

$('.conteudo').html('<img src=\""+imgs[id]+"\" width=\"50%\" height=\"100%\" class=\"bg\"/>');
$('.conteudo').fadeIn(500);",250);

$（'.conteudo'）.html（''）；
$（'.conteudo'）.fadeIn（500）；",250);

差不多

$('.conteudo').html('<div style=\"background-image:' + imgs[id] + ';\" width=\"50%\" height=\"100%\" class=\"bg\"></div>');
$('.conteudo').fadeIn(500);",250);

$（'.conteudo'）.html（''）；
$（'conteudo'）.fadeIn（500）；“，250）；
默认情况下，

另一方面，我们义愤填膺地谴责那些被当下快乐的魅力所迷惑、意志消沉、被欲望蒙蔽、无法预见必然会发生的痛苦和麻烦的人；平等
责任属于那些由于意志薄弱而未能履行职责的人，这与因劳累和痛苦而退缩的人是一样的

这些案例非常简单，易于区分。在一个自由的时间里，当我们的选择权不受限制，当没有任何事情阻止我们做我们最喜欢的事情时，每一种快乐都会受到欢迎，每一种痛苦都会避免。但在某些方面
在这种情况下，由于责任或业务义务的要求，经常会出现拒绝快乐而接受烦恼的情况

另一方面，我们义愤填膺地谴责那些被当下快乐的魅力所迷惑、意志消沉、被欲望蒙蔽、无法预见必然会发生的痛苦和麻烦的人；平等
责任属于那些由于意志薄弱而未能履行职责的人，这与因劳累和痛苦而退缩的人是一样的

这些案例非常简单，易于区分。在一个自由的时间里，当我们的选择权不受限制，当没有任何事情阻止我们做我们最喜欢的事情时，每一种快乐都会受到欢迎，每一种痛苦都会避免。但在某些方面
在这种情况下，由于责任或业务义务的要求，经常会出现拒绝快乐而接受烦恼的情况

默认情况下，

另一方面，我们义愤填膺地谴责那些被当下快乐的魅力所迷惑、意志消沉、被欲望蒙蔽、无法预见必然会发生的痛苦和麻烦的人；平等
责任属于那些由于意志薄弱而未能履行职责的人，这与因劳累和痛苦而退缩的人是一样的

这些案例非常简单，易于区分。在一个自由的时间里，当我们的选择权不受限制，当没有任何事情阻止我们做我们最喜欢的事情时，每一种快乐都会受到欢迎，每一种痛苦都会避免。但在某些方面
在这种情况下，由于责任或业务义务的要求，经常会出现拒绝快乐而接受烦恼的情况

另一方面，我们义愤填膺地谴责那些被当下快乐的魅力所迷惑、意志消沉、被欲望蒙蔽、无法预见必然会发生的痛苦和麻烦的人；平等
责任属于那些由于意志薄弱而未能履行职责的人，这与因劳累和痛苦而退缩的人是一样的

这些案例非常简单，易于区分。在一个自由的时间里，当我们的选择权不受限制，当没有任何事情阻止我们做我们最喜欢的事情时，每一种快乐都会受到欢迎，每一种痛苦都会避免。但在某些方面
在这种情况下，由于责任或业务义务的要求，经常会出现拒绝快乐而接受烦恼的情况

我已将您的代码编辑为代码段。请将相对链接替换为绝对链接，以便我们查看问题所在。
js
似乎工作正常。我已将您的代码编辑为代码片段。请更换相关的lin