加载页面时覆盖文本

Question

我在滑块中添加了一个段落。

<div>
  <a>
    <img src="image.jpg"/>
    <p>Some texts</p>
  </a>
<div>

段落显示在图像顶部。完成加载整个页面后，滑块工作正常。但是，当页面加载时，我可以在同一时间看到每个幻灯片的所有段落。我只希望它在加载时显示第一个幻灯片段落。有人可以帮忙吗？

Answer 1

您只能在一开头显示一张幻灯片并隐藏所有其他幻灯片（通过指定<div u="slides" ...> <div> <a> <img src="image.jpg"/> <p>Some texts</p> </a> <div> <div style="display: none;"> ... <div> </div> ）。

outline

或者您可以使用jssor slider no-jquery版本，它会立即初始化jssor滑块而无需等待页面加载。