jquery循环插件在加载/刷新时显示最后一张图片答案

【问题标题】：jquery cycle plugin showing last image when load/refreshjquery循环插件在加载/刷新时显示最后一张图片
【发布时间】：2012-12-11 08:02:32
【问题描述】：

使用循环插件时出现问题，加载时得到最后一张图片

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

谢谢

【问题讨论】：

标签： javascript jquery jquery-plugins cycle jquery-cycle

【解决方案1】：

我建议你把你的 CSS 改成这样：

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

或者因此，如果您使用 php 生成此文件，则可以使用 style="display:none" 获得第一个之后的所有 imgs

这里是描述该技术的常见问题解答页面的链接。 http://jquery.malsup.com/cycle/faq.html

【讨论】：

谢谢，我会试试这个；）
请确保您单击解决您的问题的答案旁边的复选标记以帮助未来的用户。

【解决方案2】：

请检查您可以为横幅图像提供的图像顺序...从您的代码中，我发现您的预期图像已排在第 5 位。请检查并正确订购。它会工作......或者请输入你的横幅代码......我会指导你

【讨论】：