Наложение текста при загрузке страницы

Question

Я добавил абзац в слайдер.

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

Этот абзац показан на верхней части изображения. Ползунок отлично работает после завершения загрузки всей страницы. Однако, когда страница загружается, я могу видеть весь абзац для каждого слайд-шоу в одно и то же время. Я только хочу, чтобы он показывал первый слайд-абзац при загрузке. Кто-нибудь может помочь?

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 слайдер не-Jquery версии, он будет немедленно инициализировать jssor бегунок, не дожидаясь загрузки страницы.