Question

使用循环插件时遇到问题，我在加载

时得到最后一张图片

您可以在此处查看网络链接 - 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”

调用图像背景

由于

Answer 1

我建议您将CSS更改为：

#headerimgs>div:first-child {display:block}
#headerimgs>div {display:none}

或者因此如果你用php生成这个，你可以在style="display:none"

的第一个之后得到所有的imgs

以下是描述该技术的FAQ页面的链接。 http://jquery.malsup.com/cycle/faq.html

Answer 2

请检查您可以为横幅图像指定的图像的顺序...从您的代码中我发现您的预期图像已处于第5位...请检查并正确订购。它会起作用......或者请把你的横幅代码......我会指导你

加载/刷新时显示最后一个图像的jquery循环插件

2 个答案: