Question

我有一个幻灯片显示最后一个元素后面的空白幻灯片，我认为它是我脚本中的一些内容，我认为它会为元素找到一个更多的子元素并将其添加为空白空间，任何想法？请找到附带的代码：

＆＃13;

$(document).ready(function() {
    var ul = $('.slideshow-content').children();
    var n_img = ul.children().length;
    slide(ul);

    function slide(ul) {
        var i = 1;
        var x = 279;
        setInterval(function() {
            if (i < n_img) {
                pos = x * i + "px";
                ul.animate({
                    right: pos
                }, 700);
                i++;
            } else {
                ul.animate({
                    right: '0px'
                }, 700);
                i = 1;
            }
        }, 3000);
    }
});

＆＃13;

<div class="slideshow-content">
    <ul>
        <li>
            <a href="google.com" target="_blank"><img width="279" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRtro3jZRSlrrvwpBxXNznQlkaX7HwAQ45hezfxjXsmwGvVrIfb"></a>
        </li>
        <li>
            <img width="279" src="http://img824.imageshack.us/img824/200/open9j.jpg">
        </li>
        <li>
            <img width="279" src="http://assets.huxley.com/engineering/About/sthree.jpg">
        </li>
        <li>
            <img width="279" class="hippo-logo" src="http://i.imgur.com/Ti0w8sv.png">
        </li>
        <li>
            <img width="279" src="http://i.imgur.com/QSEcaZ4.jpg">
        </li>
        <li>
            <img width="279" class="optile-logo" src="http://i.imgur.com/H2Tf4E3.jpg">
        </li>
    </ul>
</div>

＆＃13;

谢谢！

Answer 1

在JS文件的第三行尝试（长度为1）。

var n_img = ul.children().length;

希望这会有所帮助

jQuery幻灯片显示结束时的空白幻灯片

1 个答案: