1

在此示例中，加载后我的文本闪烁有问题：

看这里：http ://www.floatleft.dk/scounter

但是在小提琴中它没有这样做。

有人知道为什么会这样吗？代码完全匹配。

现在有了小提琴 - 我发现我的问题只有在我启用了背景图像时才会出现......有人知道为什么会这样吗？我在此处启用了背景图像，因此您可以看到不同之处：

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;
}

查询

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();
});
4

1 回答 1

1

我发现了我的问题 - 显然我需要我的 ul 定位相对，这删除了 ​​flickr。我将更新代码以供将来参考。

于 2013-08-20T12:10:40.590 回答