0

我在控制台上没有看到任何错误,但我的循环似乎没有将任何内容插入到我的 div 中。您将在第一个 FOR 循环中看到前置。

http://jordan.rave5.com/tmpstuff/

jQuery

// Start Slides
$.get('http://jordan.rave5.com/tmpstuff/slides.txt', function (data) {
    var lineArray = data.split('\n'),
        slideList = [],
        count = lineArray.length;
    for (i = 0; i < count; i++) {
        var line = lineArray[i].split('{|}');
        slideList[i] = [],
        slideList[i]['id'] = line[0],
        slideList[i]['url'] = line[1];
        $('#header-image-border').prepend('<img id="' + line[0] + '" class="header-image-size" src="' + line[1] + '" alt="The Tiger Spot" />');
    }
});
$('#hi1').fadeTo(2000, 1.0, function () {
    var slide = 0,
        slideShow = setInterval(function () {
            var nextSlide = slide + 1;
            if (nextSlide > count - 1) {
                nextSlide = 0;
            }
            $(slideList[slide]['id']).fadeTo(600, 0);
            $(slideList[nextSlide]['id']).fadeTo(2300, 1.0);
            slide++;
            if (slide > count - 1) {
                slide = 0;
            }
        }, 20000);
    // End Slides

幻灯片.txt

#hi1{|}slides/head1.jpg
#hi2{|}slides/head2.jpg
#hi3{|}slides/head3.jpg
#hi4{|}slides/head4.jpg
#hi5{|}slides/head5.jpg
4

2 回答 2

1

您需要为每个前置创建一个新的 div。为您的 div 创建一个模板,您可以克隆每个循环。

jQuery .append() 从 for 循环中调用。(关闭问题?)

于 2013-04-30T05:05:53.770 回答
0

作品,你所有的prepend()图像都opacity:0设置在它们上面,这就是它们没有出现在页面上的原因。

于 2013-04-30T05:14:35.273 回答