layui 轮播图动态数据不显示问题

最新推荐文章于 2024-02-05 22:35:37 发布

转载最新推荐文章于 2024-02-05 22:35:37 发布 · 2.9k 阅读

标签

#layui #渲染 #carousel

后端同时被 3 个专栏收录

50 篇文章

订阅专栏

编程

33 篇文章

订阅专栏

编程思想

24 篇文章

订阅专栏

本文详细介绍了如何使用layui框架中的轮播组件，包括初始化设置、动态调整轮播参数及重置轮播的方法，适用于网页设计中需要实现图片轮播效果的场景。

layui.use('carousel', function() {
                                    var carousel = layui.carousel;
                                    var ins = carousel.render({
                                        elem: '#test1',
                                        width: '100%', //设置容器宽度
                                        height: '100%',
                                        arrow: 'always', //始终显示箭头
                                        //,anim: 'updown' //切换动画方式
                                        autoplay: false
                                    });
                                    //重置轮播
                                    ins.reload({
                                        elem: '#test1',
                                        width: '100%', //设置容器宽度
                                        height: '100%',
                                        arrow: 'always', //始终显示箭头
                                        //,anim: 'updown' //切换动画方式
                                        autoplay: false
                                    });
                                });

需要在最后重置一下轮播