加载页面时的文字叠加

Question

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

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

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

Answer 1

您可以只显示一张幻灯片并在开头隐藏所有其他幻灯片（通过指定 style="display: none;"）。

<div u="slides" ...>
    <div>
      <a>
        <img src="image.jpg"/>
        <p>Some texts</p>
      </a>
    <div>
    <div style="display: none;">
      ...
    <div>
</div>

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

加载页面时的文字叠加

Text overlay when loading the page

jssor