Javascript 我的第一张照片没有'；在我的网站幻灯片中不显示

我已经到处寻找我的问题的解决方案-我是新的编码，并试图插入一个幻灯片到我的网站使用javascript。。。一切都很好，只是第一张图片因为什么原因没有显示出来？我假设答案与css文件中的某些内容有关，但我可能错了？当我点击页面底部的点时，幻灯片开始播放，图像也开始活跃起来，这只是第一张显示问题的图像

任何帮助都将不胜感激：）

var slideIndex=1；
放映幻灯片（幻灯片索引）；
//下一个/上一个控件
函数加滑块（n）{
放映幻灯片（幻灯片索引+=n）；
}
//缩略图图像控件
功能当前幻灯片（n）{
放映幻灯片（幻灯片索引=n）；
}
功能演示幻灯片（n）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
var dots=document.getElementsByClassName（“dot”）；
如果（n>slides.length）{slideIndex=1；}
如果（n<1）{slideIndex=slides.length；}
对于（i=0；i

*{框大小：边框框}
/*幻灯片容器*/
.slideshow容器{
最大宽度：1000px；
位置：相对位置；
保证金：自动；
}
/*默认情况下隐藏图像*/
迈斯利德斯先生{
显示：无；
}
/*下一步和上一步按钮*/
.prev，.next{
光标：指针；
位置：绝对位置；
最高：50%；
宽度：自动；
利润上限：-22px；
填充：16px；
颜色：白色；
字体大小：粗体；
字号：18px；
过渡：0.6s缓解；
边界半径：0 3px 3px 0；
}
/*将“下一步按钮”置于右侧*/
.下一个{
右：0；
边界半径：3px 0 3px；
}
/*在悬停时，添加一个带有一点“请参见”的黑色背景色-
通过*/
.prev:悬停，.next:悬停{
背景色：rgba（0,0,0,0.8）；
}
/*标题文本*/
.文本{
颜色：#F2F2；
字体大小：15px；
填充：8px 12px；
位置：绝对位置；
底部：8px；
宽度：100%；
文本对齐：居中；
}
/*数字文本（1/3等）*/
.numbertext{
颜色：#F2F2；
字体大小：12px；
填充：8px 12px；
位置：绝对位置；
排名：0；
}
/*点/子弹/指示器*/
多特先生{
光标：指针；
高度：15px；
宽度：15px；
边际：0.2px；
背景色：#bbb；
边界半径：50%；
显示：内联块；
过渡：背景色0.6s；
}
.active，.dot:悬停{
背景色：#717171；
}
/*褪色动画*/
.褪色{
-webkit动画名称：淡入淡出；
-webkit动画持续时间：1.5s；
动画名称：淡入淡出；
动画持续时间：1.5s；
}
@-webkit关键帧淡入淡出{
来自{opacity:.4}
到{opacity:1}
}
@关键帧淡入淡出{
来自{opacity:.4}
到{opacity:1}
}

❮
❯

我已经设法解决了这个问题。我不确定这是一个多么好的修复，但有点玩弄css的其他功能和我对html和css的基本理解我创建了一个新的幻灯片，只为一个，并关闭了它在css命令的图像显示为一个块。。。因为它是在它自己的图像中，所以它并没有像平常一样把它放在其他图像的顶部

新html

     <!-- Full-width images with number and caption text -->
   <div id="slide1" class="mySlides fade" >

    <img src="Images/untitled folder/MyChoiceLogo.jpg" 
style="width:100%">

  </div>

  <div class="mySlides fade">

    <img src="Images/untitled folder/Natural-Dog-Law-2-To-dojhgs-
energy-is-everything.jpg" style="width:100%">

  </div>

谢谢大家的关注，我希望我的解决方案不会带来任何问题？希望这能帮助任何像我一样苦苦挣扎的人，我也愿意接受关于如何修复的任何其他想法：）再次感谢调用该函数

currentlide（1）

在您的js中，这将使第一张幻灯片在页面加载时可见。
您还需要发布html，因为很难确保您具有正确的结构，我怀疑这是问题所在。该文本绝对是斜体。感谢您的快速回复，我不希望收到回复！我已经将html代码编辑成我的原始问题。。。还有想法？它基本上是从另一个来源复制和粘贴的，我对它进行了轻微的编辑以满足我的需要，但没有对布局或任何可能影响其工作动态的内容进行任何更改。在网站示例中，它本身运行良好—只是第一张图像在我的网页上表现得很害羞—其中一些图像源（文件名）中有空格，这可能会导致问题。请参见此处，了解如何解决此问题：本系列中的第二个图像源也有一个逗号，这肯定是一个问题。同样在粘贴的代码中，DIV包装可能未关闭。您好，我已经做了您建议的更改，我只将代码粘贴到幻灯片部分，并重新检查所有DIV是否已关闭，图像是否正常工作？这只是第一个在页面最初加载时似乎不起作用的图像，如果我滚动浏览横幅，当图像到达图像一时，横幅就会出现，幻灯片也会正常工作。这让我非常沮丧，因为我花了好几个小时来研究如何将javascript链接到css等
.mySlides {


    display:none;
}

#slide1 {display:block}