0

我遇到了cycle2 carousel 插件的问题。您可以在此处找到我的小提琴并在底部找到代码。在小提琴中它不能完全工作,但在 Visual Studio 中它只会向右旋转,但是当我向左(上一个)并到达第一个 div 时,它不会将最后一个 div 带到前面,而只是一个空白点。

这是代码:

<body>
<form id="form1" runat="server">
    <div id="container">
        <div id="header">
            <div id="arrows">
                <div id="left">
                    <a class="slider" href="#" id="prev">
                        <img src="LeftArrow.png" />
                    </a>
                </div>
                <div id="right">
                    <a class="slider" href="#" id="next">
                        <img src="RightArrow.png" />
                    </a>
                </div>
            </div>
        </div>
        <div id="contentBox">
            <div id="section-home" class="cycle-carousel-wrap" data-cycle-fx="carousel" data-cycle-carousel-visible="7" data-cycle-slides="> div" data-cycle-timeout="0" data-cycle-next="#next" data-cycle-prev="#prev" data-cycle-carousel-fluid="true">
                <div class="box" style="background-color: blue;">
                    1
                </div>
                <div class="box" style="background-color: green;">
                    2
                </div>
                <div class="box" style="background-color: red;">
                    3
                </div>
                <div class="box" style="background-color: yellow;">
                    4
                </div>
                <div class="box" style="background-color: purple;">
                    5
                </div>
                <div class="box" style="background-color: orange;">
                    6
                </div>
                <div class="box" style="background-color: blueviolet;">
                    7
                </div>
            </div>
        </div>
    </div>
    <div id="script">
        <script type="text/javascript">
            $('body').niceScroll();

            var tempWidth = 0;
            $('#contentBox .box').each(function () {
                tempWidth += $(this).outerWidth(true);
            });
            $('#contentBox').css({ 'width': tempWidth });

            $.fn.cycle.defaults.autoSelector = '.cycle-carousel-wrap';
        </script>
    </div>
</form>

div 向左浮动,宽度为 550 像素。任何帮助将不胜感激

4

1 回答 1

1

将 class cycle-slideshow 添加到 id 为 section-home 的 div 中。

<div id="section-home" class="cycle-slideshow cycle-carousel-wrap" ...
于 2014-01-26T16:40:43.527 回答