Jquery 跳过幻灯片的问题

如您所见，我在skitter的安装站点上尝试了以下代码：

<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $(".box_skitter_large").skitter();
    });
</script>

<div class="box_skitter box_skitter_large">
    <ul>
        <li>
            <a href="#cut"><img src="images/001.jpg" class="cut" /></a>
            <div class="label_text"><p>cut</p></div>
        </li>
        <li>
            <a href="#swapBlocks"><img src="images/002.jpg" class="swapBlocks" /></a>
            <div class="label_text"><p>swapBlocks</p></div>
        </li>
        <li>
            <a href="#swapBarsBack"><img src="images/003.jpg" class="swapBarsBack" /></a>
            <div class="label_text"><p>swapBarsBack</p></div>
        </li>
    </ul>
</div>

$（文档）.ready（函数（）{
$（“.box\u skitter\u large”）.skitter（）；
});


削减



交换块



斜背

查看该页面的JSFIDLE，您将在这里看到问题所在。图像在滑块下加载，我尝试更改jquery文件

JSFIDDLE

此幻灯片无法正常播放

<div class="box_skitter box_skitter_large">
<ul>
    <li>
        <a href="#"><img src="/Images/featured.jpg" class="block" /></a>
        <div class="label_text">
            <p>Label</p>
        </div>
    </li>
    <li>
        <a href="#"><img src="/Images/featured2.jpg" class="cube" /></a>
        <div class="label_text">
            <p>Label</p>
        </div>
    </li>
    <li>
        <a href="#"><img src="/Images/featured3.jpg" class="default" /></a>
        <div class="label_text">
            <p>Label</p>
        </div>
    </li>
</ul>



标签



标签



标签

我将代码更改为上面的代码，然后在skitter样式表中编辑图像的大小

---

现在可以很好地工作。

也许您需要更改页面中包含的CSS文件的顺序。@EmCo我已经尝试过了，我直接在网站上复制了顺序