Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使jCarousel滑块连续滑动_Javascript_Jquery_Jcarousel - Fatal编程技术网

Javascript 使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

我有一个jCarousel,带有自动滚动功能,比如:

是否有可能使其连续、平稳地滑动?而不是一次滚动几个项目

<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语言)