我遇到了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 像素。任何帮助将不胜感激