加载页面时叠加文本(Text overlay when loading the page)

加载页面时叠加文本(Text overlay when loading the page)

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

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

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

I have added a paragraph in the slider.

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

The paragraph is display on top of the image.The slider works fine after finishing loading the whole page. However, when the page is loading, I can see all of the paragraph for each slide show in the same time. I only want it shows the first slide paragraph when loading. Can anyone please help?

最满意答案

您只能在一开始时显示一张幻灯片并隐藏所有其他幻灯片（通过指定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滑块而无需等待页面加载。

You can display only one slide and hide all other slides (by specifying style="display: none;") at the beginning.

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

Or you can use jssor slider no-jquery version, it will initialize jssor slider immediately without waiting for page load.