Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.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 Flexslider:数据速度vs slideshowSpeed_Javascript_Jquery_Html_Yii_Flexslider - Fatal编程技术网

Javascript Flexslider:数据速度vs slideshowSpeed

Javascript Flexslider:数据速度vs slideshowSpeed,javascript,jquery,html,yii,flexslider,Javascript,Jquery,Html,Yii,Flexslider,我正在尝试调整Flexslider旋转木马的动画时间。我可以通过编辑js“animationSpeed:600”来做到这一点。但是,我想在html中编辑此设置 这方面的一个例子是html中的data speed=“7000”,它覆盖了IDES var carouselSpeed=carouselInstance.attr(“数据速度”)?carouselInstance.attr(“数据速度”):“5000” 我尝试过动画速度=“600”,但这不起作用。我该怎么做 AUTOSTARS.herof

我正在尝试调整Flexslider旋转木马的动画时间。我可以通过编辑js“animationSpeed:600”来做到这一点。但是,我想在html中编辑此设置

这方面的一个例子是html中的data speed=“7000”,它覆盖了IDES

var carouselSpeed=carouselInstance.attr(“数据速度”)?carouselInstance.attr(“数据速度”):“5000”

我尝试过动画速度=“600”,但这不起作用。我该怎么做

AUTOSTARS.heroflex = function () {
     
   $('.heroflex').each(function () {
       
     var carouselInstance = $(this);
            
var carouselAutoplay = carouselInstance.attr("data-autoplay") == 'yes' ? true : false    
            
var carouselSpeed = carouselInstance.attr("data-speed") ? carouselInstance.attr("data-speed") : "5000"
    
    
            
carouselInstance.flexslider({
          

animation: carouselStyle,
                
easing: "swing",
                
slideshow: carouselAutoplay,
                
slideshowSpeed: carouselSpeed,
                
animationSpeed: 600,
    
            
});
        
});
    }



 <div class="hero-slider heroflex flexslider clearfix" data-autoplay="yes" data-pagination="no"
             data-arrows="no" data-style="fade" data-speed="7000">

            <ul class="slides">
                <li class="parallax"
                    style="background-image:url(<?= Yii::$app->params['cygnus-general-assets'] ?>slider-3.jpg);"></li>
                <li class="parallax"
                    style="background-image:url(<?= Yii::$app->params['cygnus-general-assets'] ?>slider-4.jpg);"></li>

            </ul>

    </div>
AUTOSTARS.heroflex=函数(){
     
$('.heroflex')。每个(函数(){
       
var carouselInstance=$(此值);
            
var carouselAutoplay=carouselInstance.attr(“数据自动播放”)=“是”?true:false
            
var carouselSpeed=carouselInstance.attr(“数据速度”)?carouselInstance.attr(“数据速度”):“5000”
    
    
            
carouselInstance.flexslider({
          
动画:旋转木马,
                
放松:“挥杆”,
                
幻灯片放映:旋转木马播放,
                
幻灯片速度:旋转木马速度,
                
动画速度:600,
    
            
});
        
});
    }

    您是否尝试将检索到的值console.log?它可能是一个
    字符串
    ,需要转换为
    整数
    ?尝试将
    幻灯片速度:carouselSpeed,
    替换为
    幻灯片速度:parseInt(carouselSpeed,10),
    并告诉我这是否有效。你建议的不会改变动画速度。我发现改变这一行上的数字是有效的:animationSpeed:3000,但是,我正在试图找出如何在html上做同样的事情。在你的html中,
    数据速度
    设置为7000,这似乎是默认速度,是吗也要改变这个数字?比如一半,3500?html中的数据速度会覆盖js中的任何内容,这正是我希望能够对动画速度所做的。通过在html中指定它来覆盖js中的任何内容。