Question

如您所见，我在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>

查看页面的jsfiddle，你会在这里看到问题。图像正在滑块下加载，我尝试更改jquery文件。

的jsfiddle http://jsfiddle.net/RGj7n/

此幻灯片显示无效

Answer 1

<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 Slideshow的问题

1 个答案: