У меня есть проблема с моим текстом мерцанием после нагрузки в этом примере:Текст мерцает после загрузки
взгляд здесь: http://www.floatleft.dk/scounter
, но затем в fiddle здесь он не делает этого.
У кого-нибудь есть идея, почему это происходит? код является точным совпадением.
Теперь со скрипкой - я узнал, что моя проблема возникает только в том случае, если у меня есть фоновое изображение ... кто-нибудь знает, почему это происходит? Я включил фоновое изображение here, так что вы можете увидеть разницу:
HTML
<div class="info-wrap">
<div class="info-background">
<img src="img/info-bgg.png" alt="info-bgg" width="360" height="340" />
</div>
<ul class="loop-info">
<li>text1</li>
<li>text1</li>
<li>text1</li>
<li>text1</li>
<li>text1</li>
</ul>
</div>
CSS
.slide-wrap {
width:720px;
height:340px;
position: relative;
background-color:#F60;
margin: 0 auto;
margin-top: 100px;
}
.video-wrap {
width:720px;
height:340px;
background-color:#000;
}
.info-wrap {
width:360px;
height:340px;
background-color:#666;
position: absolute;
top:0;
left: 0;
}
.info-wrap .video-embed-wrap {
width:604px;
height: 340px;
float: right;
background-color:#000;
}
.info-wrap .info-background {
position: absolute;
top:0;
left: 0;
}
.info-wrap ul {
list-style: none;
position: relative;
}
.info-wrap .loop-info li {
display: none;
font-size: 30px;
color:#FFF;
}
Jquery
function fadeInSequence($one) {
//default to the first one list items
if ($one == null) $one = $('.loop-info>li:lt(1)');
//fade in the 1 found
$one.fadeIn(2000, function() {
//fade out the 1 after fadein and start
$(this).fadeOut(2000);
}).promise().done(function() {
if ($one.last().nextAll(':lt(1)').length) {
//Same function, next 1 items
fadeInSequence($one.last().nextAll(':lt(1)'));
} else {
//Same function, from the beginning if none are left
fadeInSequence();
}
});
}
$(function() {
//start the infinite looping
fadeInSequence();
});
Не видите проблему в Chrome, и где указанная скрипка? – Vogel612
вы забыли добавить ссылку на скрипку –
Обновлено - должно быть видно сейчас. – implum