Javascript 图片在第一次幻灯片放映中丢失

因此，我制作了一个幻灯片，通过按下按钮和定时器来改变图片和文本。出于某种原因，图片不会显示在幻灯片的第一个循环中，而是只显示在第二个循环中，而不是通过按钮和定时器。 该网站是音乐主题和学校项目

另外，我不知道为什么JS/Jquery没有从html文件中读取id，不知道我是否需要添加任何内容，但是如果你知道这会有帮助，但不是非常重要

编辑：

不知道为什么，但当我使用代码时，我唯一遇到的问题是，当我更改文件中的图片时，出现了跳跃的文本。如果我使用不同的rtl类型的文本语言，它会破坏它吗

HTML

$（'#幻灯片显示img'）.css({
宽度：screen.width*.4，
左：屏幕宽度*.1
});
$（'#NextButton img'）.css({
宽度：屏幕宽度*0.04，
左：屏幕宽度*.1
});
$（“#下一个按钮”）.css({
左：屏幕宽度*.5，
顶部：屏幕高度*.2
});
$（'#BackButton'）.css({
左：屏幕宽度*.06，
顶部：屏幕高度*.2
});
$（“#BackButton img”）.css({
宽度：屏幕宽度*0.04，
右：屏幕宽度*.1
});
$（“#短文本”）.css({
宽度：屏幕宽度*.45
})
//图片更改代码自动+按钮
setInterval（“Change（）”，40000）
函数更改（）{
$（'SlideShow img:first'）.fadeOut（1000）.next（）.fadeIn（1000）.end（）.appendTo（'SlideShow'）；
$（'#ShortText div:first'）.fadeOut（1000）.next（）.fadeIn（1000）.end（）.appendTo（'#ShortText'）；
}
$（函数（）{
$（“#SlideShow img:gt（0）”）.hide（）；//隐藏第一张图片中的所有图片（img:gt指id中的所有img，并将其应用于（）中数字后的所有下一个索引项）
$（“#ShortText div:gt（0）”.hide（）；
$（“#BackButton”）。单击（函数（）{
$（“#幻灯片放映img:first”）.fadeOut（1000）；//隐藏第一个不精确的img
$（'#SlideShow img:last'）.fadeIn（1000）.prependTo（'#SlideShow'）；//显示最后一个索引img.prependTo将第一个元素插入最后一个元素
$（“#短文本分区：第一”）。淡出（1000）；
$（“#ShortText div:last”）.fadeIn（1000）.prependTo（“#ShortText”）；
});
$（“#下一个按钮”）。单击（函数（）{
$（'#SlideShow img:first'）.fadeOut（1000）.next（）.fadeIn（1000）.end（）.appendTo（'#SlideShow'）；/.appendTo=将对象作为最后一个元素插入。next=应用于下一个元素。end=停止链中直到现在的所有代码。
$（'#ShortText div:first'）.fadeOut（1000）.next（）.fadeIn（1000）.end（）.appendTo（'#ShortText'）；
});
});
#幻灯片放映img{
位置：绝对位置；
}
#下一按钮{
位置：绝对位置；
}
#后钮扣{
位置：绝对位置；
}

第一个标题
第一个文本

第二文本

第三头球
第三文本

您的代码正在运行添加工作代码，或创建一个fiddle添加但也添加了一个编辑到post问题是您在标记中放置了一个图像，请检查此更新的fiddle我想这就是您需要的：等等，我不能将其与“a”标记一起使用？或者我只需要将标记添加到所有其他图像中？（这就是我的想法）您只编码了针对img标记的jquery，因此代码中没有与img标记同级的标记的代码。如果您想将img包含在标记中，其他人也一样。我的小提琴对你有用吗？