2013-08-20 4 views
1

У меня есть проблема с моим текстом мерцанием после нагрузки в этом примере:Текст мерцает после загрузки

взгляд здесь: 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(); 
}); 
+0

Не видите проблему в Chrome, и где указанная скрипка? – Vogel612

+0

вы забыли добавить ссылку на скрипку –

+0

Обновлено - должно быть видно сейчас. – implum

ответ

1

Я нашел свою проблему - по-видимому, мне нужна моя позиция, расположенная поближе, это удалило flickr. я буду обновлять код для дальнейшего использования.

Смежные вопросы