carousel相关内容

我如何同步这两个引导转盘?

因此,我正在尝试同步两个引导4传送带,如下图所示: carousels 我需要指示器和箭头图标同时显示左侧和右侧的内容,但我似乎无法解决这一问题。有人能帮帮我吗? 我不知道如何开始编写代码,我在JavaScript和JQuery方面是新手。这里的想法是展示各种主题的文本和视频。如果有人能帮我一把,我将不胜感激。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝 ..
发布时间:2022-08-07 13:37:37 前端开发

反应滑块高度问题

我很难让这些Reaction-Slick滑块组件达到相同的高度。它们都是响应迅速的div,并随着页面大小的变化相应地调整大小,但理想情况下,我希望左侧的div与右侧的div的高度相同。 我用下面的代码片段定义了我的SimpleSlider。 class SimpleSlider extends React.Component { constructor(props) { s ..
发布时间:2022-08-07 13:26:18 前端开发

图像向后滑动或旋转木马不起作用&;

日安 我正在自动和手动在JavaScript中制作滑块,我不想使用jQuery或Bootstrap库。 要从一个图像切换到另一个图像,请使用箭头或圆圈(我还没有使它们起作用);圆圈随着图像的前进而着色,在向前移动图像时效果很好,但当向后移动它们(通过单击后退箭头)时,它不会连续前进,它只会保持几秒钟或更长时间的冻结,直到图像变为后退图像。 JavaScript代码: let ..
发布时间:2022-06-26 14:24:04 前端开发

使用密钥时组件复制

我正在尝试使用Framer Motion在Reaction中制作组件旋转木马。AnimatePresence的子级需要一个密钥,所以我决定传递一个页面状态作为密钥。但是,这样做会使我试图呈现的组件重复。我认为这是因为密钥最终会被重用,所以我制作了一个函数,该函数生成一个随机字符串用作密钥,但这也复制了组件。 使用旋转传送带的组件 const ProjectList = props => ..
发布时间:2022-03-22 13:12:35 其他开发

是否在Bootstrap 5旋转木马中分别为字幕和幻灯片制作动画?

新手程序员,将此作为(自行添加的)练习来执行。 我有一个Bootstrap 5旋转木马,其中有三张幻灯片,每张幻灯片都有两行标题。每次幻灯片离开窗口时,顶部标题上移,底部标题下移。然后,在下一张幻灯片中,新标题将以相反的方向移动到位。 我已经差不多了,但是我遇到了最后一个问题:由于标题div在幻灯片div中,标题继承了滑动动画,使它们在幻灯片更改时沿对角线移动。此外,幻灯片不能粘在一起 ..
发布时间:2022-03-22 13:08:38 前端开发

如何使整个产品项目卡片可点击

我有这样的产品卡: 如您所见,卡片末尾有一个名为Buy的超链接。 但不是这个链接,我需要用另一个超链接使整个卡片都可以点击。 (因此用户不需要点击购买链接,他们只需点击卡内的任何位置) 这是这张卡的代码: ..
发布时间:2022-03-22 13:03:05 前端开发

WithStore:无法读取未定义(纯-反应-旋转木马)的属性';状态';

我使用pure-react-carousel库,并尝试通过My Button的onClick方法导航到特定幻灯片。 请向我解释如何使用setStoreState,因为我试着自己做(就像文档中写的那样),并且我使用它的整个页面都是看不见的。我尝试使用this.props.carouselStore.setStoreState({ currentSlide: 2 })。 当我使用Store ..
发布时间:2022-03-22 12:57:05 前端开发

Nuka Carousel HeightMode不要在React中工作(&;t;t)

我有一个nuka carousel,有3张幻灯片,幻灯片的高度取决于内容的大小。因此,如果一张幻灯片有5行文本,而另一张幻灯片有6行文本,则这一张幻灯片将高于另一张幻灯片。 因此,为了解决这个问题,我找到了一个heightMode道具,其中幻灯片高度将设置在最高的幻灯片之后,但当我在本地测试时,它不会执行任何操作。 是否有办法手动更改slideHeight? 有没有人知道heig ..
发布时间:2022-03-22 12:55:27 其他开发

Slick不仅仅是Safari浏览器的一项功能

我使用的是slick carousel,它在Firefox和Chrome上运行良好,但Safari的控制台显示著名的错误“slick is not a function”。我在这个旋转木马中有两个图像,只有Safari同时显示这两个图像,一个叠加在另一个之上。我正在根据需要在jQuery后面添加Slick.js: ..
发布时间:2022-03-22 12:49:36 其他开发

Bootstrap 4旋转木马滑块不工作

我在通过旋转木马转到下一张幻灯片时遇到了一些严重的问题。我可能遗漏了一些非常基本的东西,但是不管我做什么,它似乎都不起作用!我也尝试过使用Javascript,但无济于事。 ..
发布时间:2022-03-22 12:33:29 其他开发

图像的滑块或旋转木马向后不起作用

您好 我正在自动和手动在JavaScript中制作滑块,我不想使用jQuery或Bootstrap库。 要从一个图像切换到另一个图像,请使用箭头或圆圈(我还没有使它们起作用);圆圈随着图像的前进而着色,向前移动图像时效果很好,但是向后移动它们(通过单击后退箭头)时,它不会连续前进,它只会保持几秒钟或更长时间的冻结,直到图像变为后退图像。 JavaScript代码: let ..
发布时间:2022-02-24 21:55:13 前端开发

引导轮播滑块不工作

我一直在为我的项目使用 Bootstrap 开发一个主题.如我所见,轮播滑块有问题.我在这里阅读了关于 Carousel 的问题和答案,但我的问题没有任何进展.当我将其粘贴到代码标记之间时,我无法复制粘贴看起来不好的代码. 我从 Bootstrap 获得了滑块:http://getbootstrap.com/javascript/#carousel 问题是当我单击滑块上的下一页时,可以 ..
发布时间:2022-01-24 18:05:46 前端开发

带有褪色文本的 Jquery 轮播

Picrelated 是一个轮播我正在苦苦挣扎. 通过单击“下一步"导航箭头,文本标题应首先淡出,然后图像块应向左滑动.当图像块滑动时 - 下一个标题淡入. 我尝试使用 Nivo Slider 和 BX Slider,但永久失败. 你能建议我任何有用的 jquery 插件或方法吗? 解决方案 嘿试试这段代码. #slideshow #slidesCont ..
发布时间:2022-01-24 17:54:37 其他开发