Javascript jQuery scrollTo函数出现问题
我的JCarosel滑块有问题。我的html已按要求设置Javascript jQuery scrollTo函数出现问题,javascript,jquery,jcarousel,scrollto,Javascript,Jquery,Jcarousel,Scrollto,我的JCarosel滑块有问题。我的html已按要求设置 <div id="homeSlider"> <div id="homeSliderLeft"> <div id="homeSliderLeftNav"> <ul> <li><a href="#" class="on">1</a></li> <li><a h
<div id="homeSlider">
<div id="homeSliderLeft">
<div id="homeSliderLeftNav">
<ul>
<li><a href="#" class="on">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
</ul>
</div>
<div id="homeSliderLeftText">
<ul>
<li rel="#1"><strong>Donga Bridge</strong>Taraba State, Nigeria</li>
<li rel="#2"><strong>Golf Course</strong>Druids Glen Golf Club, Co. Wicklow, Ireland</li>
<li rel="#3"><strong>Oil and Gas</strong>Consectetur adipisicing elit in reprehenderit in voluptate velit</li>
<li rel="#4"><strong>Airport</strong>Enugu Airport, Enugu State, Nigeria</li>
<li rel="#5"><strong>Road in Countryside</strong>Panyam to Shendam Road, Jos, Plateau State, Nigeria.</li>
<li rel="#6"><strong>Open Cast Mining</strong>Consectetur adipisicing elit in reprehenderit in voluptate velit</li>
</ul>
<!--homeSliderLeftText-->
</div>
<div id="homeSliderLeftButton">
<a href="#" class="button butMoreYellow">More</a>
</div>
<!--homeSliderLeft-->
</div>
<div id="homeSliderRight">
<div id="homeSliderRightMask">
<ul>
<li><img src="images/template/homeSlider_001.jpg" width="720" height="240" alt="" /></li>
<li><img src="images/template/homeSlider_002.jpg" width="720" height="240" alt="" /></li>
<li><img src="images/template/homeSlider_003a.jpg" width="720" height="240" alt="" /></li>
<li><img src="images/template/homeSlider_004.jpg" width="720" height="240" alt="" /></li>
<li><img src="images/template/homeSlider_005.jpg" width="720" height="240" alt="" /></li>
<li><img src="images/template/homeSlider_006.jpg" width="720" height="240" alt="" /></li>
</ul>
<!--homeSliderRightMask-->
</div>
<!--homeSliderRight-->
</div>
<!--homeSlider-->
}
我正在使用jQuery1.6.2和Jcarcousel
如您所见,我对更改文本和突出显示的按钮没有问题。在索引变量保持正确的情况下,选择第六(5)个图像时,滑块将返回到第一(0)个图像。似乎carosel显示的图像不会超过5个。我已经把它放到了scrollTo函数中,因为它不存在于更改文本和突出显示按钮的函数中
您可以在这里看到正在运行的代码,单击第6个按钮查看错误
提前谢谢看起来你的皮肤有问题。Slider.css 我认为你使UL不够宽,因为最后一张幻灯片落在第一张幻灯片下面
#homeSlider #homeSliderRightMask ul {
float: left;
height: 240px;
width: 4000px;
}
将宽度更改为4320px(720px*6),或者如果不起作用,可以再大一点
#homeSlider #homeSliderRightMask ul {
float: left;
height: 240px;
width: 4000px;
}