#我在使用layui的图片轮播时遇到了一个问题。图片没有显示出来，
效果是这样的
代码反反复复对了几遍也没发现什么异常
下面是js代码
layui轮播图加载无效果
代码反反复复对了几遍也没发现什么异常
下面是js代码
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- 2020-10-16 09:45总结，当遇到layui轮播图有数据但不显示的问题时，关键在于确保在数据加载完成后正确地重置轮播图。通过使用`layui.carousel`的`reload`方法，可以有效地解决这个问题。同时，注意DOM操作的细节，避免直接在`...
- 2020-10-16 09:45然而，在使用layui轮播图组件时，可能会遇到高度自适应问题。如果图片高度不自适应，当屏幕尺寸变化时，可能会导致图片变形，影响用户体验。文章的作者在遇到这个问题后，经过实践和探索，找到了解决方法。 在解决...
- 2022-09-02 20:39duck186的博客 【代码】layui轮播图动态渲染，动态加载图片。
- 2025-04-30 15:38丨丨三戒丶的博客 如图。
- 2022-03-10 00:47codezjm的博客 我开始使用的是三张本地图片渲染轮播，一切正常，然后我改为了获取数据库数据，然后动态添加div，实现获取网络图片，但是出现了bug，轮播图加载不出来，测试拿到的数据一切正常 我开始错误找错和解决步骤如下(可能...
- 2022-08-25 19:47Sun Peng的博客 Layui实现轮播图功能:,动态加载成功,但是没有效果的问题
- 2020-12-20 12:26weixin_39625172的博客 最近接触了一个项目，要实现一个轮播图的功能，因为是在原有的项目上进行二次开发，项目前端用的是layui框架，楼主是后台方向，没怎么接触过前端，在用layui实现轮播图时，发现异步从后台获取数据，但是轮播图片不...
- 2022-07-14 14:31TwoBE9876的博客 //序列话一次轮播图 layui.use(['carousel'], function () { var carousel = layui.carousel; ins = carousel.render({ elem: '#zqzj' , width: '100%' //设置容器宽度 , height: '49vw' , anim: 'default' , ...
- 2021-01-27 04:30weixin_39867327的博客 后来看到了layui插件的轮播图，就拿过来用了，但是图片高度不会自适应，图片变形。如图：解决办法：实例代码：var b = 1920/460;//我的图片比例//获取浏览器宽度var W = $(window).width();var H = $...
- 2022-12-30 17:37在layui中，我们可以自定义轮播图的上一页和下一页按钮，通过CSS样式调整按钮的外观，通过JavaScript控制按钮的事件行为，实现更加个性化的交互效果。 选项卡（layui tab）则是另一种常见的UI元素，它将大量信息...
- 没有解决我的问题, 去提问
问题事件
系统已结题
4月30日
已采纳回答
4月22日-
创建了问题
4月22日