layui轮播图不会自动播放、这是代码哪位大神帮忙看一下问题出现在哪里?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui轮播图不会自动播放、这是代码哪位大神帮忙看一下问题出现在哪里?相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>lunbo</title>
<link rel="stylesheet" href="css/css.css" />
<link rel="stylesheet" href="layui/css/layui.css" />
<script src="layui/layui.js" type="text/javascript"></script>
</head>
<body>

<div class="layui-carousel" id="test1">
<div carousel-item>
<div style="background: #0000FF; /">666</div>
<div style="background-color: #009E94; /">2222</div>
</div>
</div>
<!-- 条目中可以是任意内容,如:<img src=""> -->

<script>
layui.use('carousel', function()
var carousel = layui.carousel;
//建造实例
carousel.render(
elem: '#test1'
,width: '100%' //设置容器宽度

,arrow: 'always' //始终显示箭头

,anim: 'default' //切换动画方式
);
);
</script>
</body>
</html>

参考技术A 看这里的代码没有什么问题,你的输出是什么,具体的有什么提示吗,js出错一般会在终端有问题描述。追问

全部代码都是在这里了、js出错一般会在终端有问题描述。这个问题描述是在那里看、

swiper轮播图自动播放速度太快

一个页面上有多个swiper轮播组件,就自动播放的这个轮播图闪的特别快

参考技术A 把delay设置大一点,6000左右 参考技术B 就是多个swiper 冲突了,我的 分开写 就好了 参考技术C 您解决了吗 同样的问题 求解

以上是关于layui轮播图不会自动播放、这是代码哪位大神帮忙看一下问题出现在哪里?的主要内容,如果未能解决你的问题,请参考以下文章

swiper轮播图自动播放速度太快

Jquery图片轮播循环问题,求大神指教,怎么实现循环播放?

网页轮播图

js原生选项(自动播放无缝滚动轮播图)二

网页设计 图片轮播,将鼠标放在图片上,图片会自动播放,代码怎么改?

layui使用了轮播图后导致底部浮动怎么解决?