javascript - 在引导轮播上单击下一个或上一个时图像跳转

标签 javascript css wordpress bootstrap-4

我在网站上工作并集成了 Bootstrap 轮播。一切都很好,除了一件事:当我点击下一个或上一个图标时,图像会跳动一点,我对此感到非常恼火。我尝试了我搜索和应用的所有解决方案,但仍然没有用。 谁能帮我解决这个问题,网址如下: https://test5.extensionesdepelobaratas.net/hair-blog/ 您将看到第一个轮播,其编号为 1 到 8。 期待听到大家的解决方案。

非常感谢。

最佳答案

看起来有一些带有 .item 类的元素在涉及到它的属性和之后应用的事件类元素时没有被正确地转换。

如果您将以下 CSS 添加到您的 .carousel-inner .item 元素,所有值都将正确转换。

.carousel-inner .item { transition: all 0.5s ease !important; }

在现有网站上对此进行了测试,当元素滑入时不再有“跳动”。相反,它们会增长而不是跳到轮播设置的大小。

关于javascript - 在引导轮播上单击下一个或上一个时图像跳转,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49823115/

相关文章:

java - primefaces 动态 Accordion 未将值解析为选项卡更改监听器

javascript - 并行运行多个异步函数的安全方法?

java - 简单的 CMS 功能,例如 WordPress

javascript - 如何使用javascript获取浏览器显示高度和宽度

javascript - 可选链接不起作用 : Cannot read property '0' of undefined

javascript - 如何使用css在div中创建职业框阴影效果

javascript - HTML 选择字段渲染需要时间

html - 桌面上的视频背景,手机上的图像可能吗?

ssl - 使用 SSL 的某些页面出现 404 错误

php - 如何使用ajax提交wordpress表单(文件和名称)