JQuery цикл плагин, показывающий последнее изображение при загрузке / обновлении
Я получаю проблемы при использовании цикла плагин, я получаю последнее изображение при загрузке
вы можете увидеть ссылку здесь - http://www.visitclearwaterflorida.com/index.php/
и это то, что я вижу при первой загрузке / обновлении - http://www.elixirbox.com/temp/header1.jpg
Кто-нибудь знает в чем проблема?
это мой код:
<div id="headerimgs">
<div class="headerimg bg1">
<div class="container_16">
<div class="grid_16"><div class="caption">Sunsets at Pier 60, Clearwater Beach</div></div>
</div>
</div>
<div class="headerimg bg2">
<div class="container_16">
<div class="grid_16"><div class="caption">'Winter' the Dolphin invites you to visit the Clearwater Marine Aquarium!</div></div>
</div>
</div>
<div class="headerimg bg3">
<div class="container_16">
<div class="grid_16"><div class="caption">Clearwater Beach </div></div>
</div>
</div>
<div class="headerimg bg4">
<div class="container_16">
<div class="grid_16"><div class="caption">Sunset at Pier 60, Clearwater Beach</div></div>
</div>
</div>
<div class="headerimg bg5">
<div class="container_16">
<div class="grid_16"><div class="caption">Clearwater Beach Walk</div></div>
</div>
</div>
</div>
Я называю фоновое изображение из CSS класса "bg1, bg2.. bg5"
Спасибо
2 ответа
Я предлагаю вам изменить свой CSS на что-то вроде этого:
#headerimgs>div:first-child {display:block}
#headerimgs>div {display:none}
Или, следовательно, если вы генерируете это с помощью php, вы можете получить все imgs после первого с style="display:none"
Вот ссылка на страницу часто задаваемых вопросов с описанием техники. http://jquery.malsup.com/cycle/faq.html
Пожалуйста, проверьте порядок изображений, которые вы можете предоставить для изображения баннера... Из вашего кода я обнаружил, что ваше ожидаемое изображение находится на 5-й позиции. Пожалуйста, проверьте и закажите его правильно. это будет работать... или, пожалуйста, поставьте свой код баннера.. я буду направлять вас