Javascript 使jCarousel滑块连续滑动
我有一个jCarousel,带有自动滚动功能,比如: 是否有可能使其连续、平稳地滑动?而不是一次滚动几个项目Javascript 使jCarousel滑块连续滑动,javascript,jquery,jcarousel,Javascript,Jquery,Jcarousel,我有一个jCarousel,带有自动滚动功能,比如: 是否有可能使其连续、平稳地滑动?而不是一次滚动几个项目 <script type="text/javascript"> function mycarousel_initCallback(carousel) { carousel.buttonNext.bind('click', function() { carousel.startAuto(0); }); carousel.buttonPrev.bind('clic
<script type="text/javascript">
function mycarousel_initCallback(carousel) {
carousel.buttonNext.bind('click', function() { carousel.startAuto(0); });
carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); });
carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); };
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({ auto: 1, wrap: 'circular', animation: 'fast', scroll: 1, initCallback: mycarousel_initCallback });
});
</script>
<ul id="mycarousel" class="jcarousel-skin-tango">
<!-- My slides here -->
</ul>
函数mycarousel_initCallback(carousel){
carousel.buttonNext.bind('click',function(){carousel.startAuto(0);});
carousel.buttonPrev.bind('click',function(){carousel.startAuto(0);});
hover(函数(){carousel.stopAuto();},函数(){carousel.startAuto();});};
jQuery(文档).ready(函数(){
jQuery('#mycarousel').jcarousel({auto:1,wrap:'circular',animation:'fast',scroll:1,initCallback:mycarousel_initCallback});
});
另外,在单击导航箭头且鼠标未悬停在滑块上后,我是否可以做一些事情来保持自动滚动
我在他们的文档中找不到任何相关内容:删除该行,使鼠标悬停不会停止动画:
carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); };
并尝试删除以下内容:
carousel.buttonNext.bind('click', function() { carousel.startAuto(0); });
carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); });
它可能会帮助您不总是从(0)元素开始。但首先请检查一下。
如您所见,您可以删除整个函数回调。我找到了我要查找的内容。所以我的代码看起来像:
<script type="text/javascript">
function mycarousel_initCallback(carousel) {
carousel.buttonNext.bind('click', function() { carousel.startAuto(); });
carousel.buttonPrev.bind('click', function() { carousel.startAuto(); });
carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); };
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({ auto: .01, wrap: 'circular', animation: 2000, scroll: 1, easing: 'linear', initCallback: mycarousel_initCallback });
});
</script>
函数mycarousel_initCallback(carousel){
carousel.buttonNext.bind('click',function(){carousel.startAuto();});
carousel.buttonPrev.bind('click',function(){carousel.startAuto();});
hover(函数(){carousel.stopAuto();},函数(){carousel.startAuto();});};
jQuery(文档).ready(函数(){
jQuery('#mycarousel').jcarousel({auto:.01,wrap:'circular',动画:2000,滚动:1,easing:'linear',initCallback:mycarousel_initCallback});
});
看起来这两个设置结合了“动画:2000,放松:'线性'”,正在做我需要的事情。谢谢,你为我的第二期杂志指明了正确的方向。为了让它们在我点击导航箭头后继续滑动,我从carousel.startAuto(0)中删除了“0”;很高兴帮助我学习js语言)