如何在使用react- carousel /makeCarousel制作的旋转木马上停止自动播放
在使用react-carousel/makeCarousel制作的旋转木马上停止自动播放，可以通过以下步骤实现：
- 首先，确保已经安装了react-carousel/makeCarousel库，并在项目中引入相关组件。
- 创建一个React组件，用于包裹旋转木马组件，并管理自动播放的状态。
- 在组件的state中添加一个布尔值的变量，例如isAutoPlay，用于控制自动播放的开关。
- 在组件的生命周期方法componentDidMount中，使用定时器函数（如setInterval）来触发旋转木马的自动播放。可以根据需求设置自动播放的时间间隔。
- 在定时器函数中，通过判断isAutoPlay的值来决定是否执行旋转木马的下一张图片切换操作。
- 在组件的生命周期方法componentWillUnmount中，清除定时器，以防止内存泄漏。
- 在旋转木马组件的相关配置中，添加一个属性或方法，用于控制自动播放的开关。可以通过props传递给旋转木马组件。
- 在旋转木马组件的渲染方法中，根据isAutoPlay的值来决定是否显示自动播放的按钮或其他控制元素。
- 当用户点击停止自动播放的按钮或其他控制元素时，通过修改isAutoPlay的值来停止自动播放。
- 如果需要重新开始自动播放，可以通过相同的方式将isAutoPlay的值修改为true。
总结起来，通过在React组件中管理自动播放的状态，并根据该状态来控制旋转木马的自动播放行为，可以实现在使用react-carousel/makeCarousel制作的旋转木马上停止自动播放。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于图片、视频、音频等多媒体资源的存储。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，可应用于多种场景。详情请参考：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等，助力构建智能化的物联网系统。详情请参考：https://cloud.tencent.com/product/iot
- 腾讯云区块链（BCBaaS）：提供安全、高效、易用的区块链服务，支持多种场景下的区块链应用开发和部署。详情请参考：https://cloud.tencent.com/product/baas
- 腾讯云游戏多媒体引擎（GME）：提供音视频通信和处理能力，适用于游戏、社交、教育等领域的多媒体应用开发。详情请参考：https://cloud.tencent.com/product/gme
相关·内容
1回答
我想要一个旋转木马自动播放，直到用户点击了一个dropdown，旋转木马进入那个选项slide，并且自动播放应该停止。
唯一不能工作的是停止autoplay，我安装了vue devtools，它在旋转木马组件中显示，当我在dropdown中选择一个选项时，自动播放的标志使用传递到doAutoplay支柱中的值来更改它的值。我像这样使用
//Vue imports
....
import VueCarousel from 'vue-carousel';
Vue.use(VueCarousel);
在模板中
<carousel :loop="true" :pe
浏览 0提问于2018-06-26得票数 0
回答已采纳
1回答
我是reactJS的新手，在我的页面上有多个传送带。有没有办法让自动播放停止，不与其他传送带发生冲突？
<Carousel>
<Carousel.Item><img></Carousel.Item>
<Carousel.Item><img></Carousel.Item>
</Carousel>
<Carousel>
<Carousel.Item><img></Carousel.Item>
<Carousel.Item&
浏览 0提问于2022-04-04得票数 0
回答已采纳
我已经创建了一个独立的导航，它完全位于传送带之外，但我在自动播放方面遇到了一些问题。
下面是标记：
<div class="carousel">
<div class="">
<img src="assets/img/carousel1.jpg" />
</div>
<div class="">
<img src="assets/img/carousel2.jpg" />
<
浏览 0提问于2014-08-19得票数 2
回答已采纳
我计划使用react-reveal/makeCarousel制作的旋转木马作为ImageGallery。 所以，我没能找到一种方法来取消“自动播放”功能。我希望转换发生在鼠标点击和触摸的基础上。 我将遵循以下教程： https://www.react-reveal.com/tutorials/carousel/ render (
<Carousel defaultWait={1000} /*wait for 1000 milliseconds*/ >
<Slide right>
<div>
<h1>Sli
浏览 19提问于2019-05-07得票数 0
回答已采纳
1回答
我使用猫头鹰-旋转木马2，使用猫头鹰-旋转木马2初始化和标记的标准代码。在第一次加载页面时，旋转木马的工作非常完美。猫头鹰-旋转木马2停止工作时，我把浏览器传递到另一页和后退或最小化浏览器，并再次打开页面与猫头鹰-旋转木马2。新的开始时，我再次单击导航。我再次尝试在html代码正文中添加旋转木马的初始化代码：
var $carousel = $('.owl-carousel');
var owl = $carousel.data('owlCarousel');
owl.trigger("refresh.owl.carousel");
但这
浏览 2提问于2016-10-29得票数 2
我用引导4创建了一个旋转木马。我在悬停中完成了循环。但是，当页面加载时，旋转木马自动播放。是否在页面加载时禁用自动播放，并将其作为第一张幻灯片，仅当鼠标悬停在其上方时才播放？
而且，当鼠标离开时，它会停下来。当你再一次在它上空盘旋时，它就会播放。
我在下面提供了我的HTML和JS。
谢谢!
我试着添加“暂停”：“对JS的忠诚”。只是暂停了整个旋转木马。我还尝试输入数据间隔: 200到HTML并从JS中删除它。然而，这只允许一个奇异的循环和暂停工作，并且当我移动鼠标到旋转木马上并离开它时，它就不能工作了。
<div id="carouselWork" class=
浏览 4提问于2019-01-17得票数 0
回答已采纳
我在使用旋转木马进行反应-引导，但我没有想出如何改变这个旋转木马中的东西。例如，我想改变图标和停止自动播放，但没有成功。你知道如何设置属性和图标吗？
import React, { Component } from 'react';
import {Carousel} from 'react-bootstrap';
class CarouselMain extends Component {
constructor(props) {
super(props);
this.state = {
p
浏览 5提问于2017-11-07得票数 0
回答已采纳
看起来嵌套的旋转木马在工作，但是内部的旋转木马没有正确地触发自动播放循环功能，它在切换到第二张幻灯片后停止。我试图让内部轮播作为自动播放循环淡出轮播，但它只工作了一次，然后需要刷新以重新启动循环。
不知道我的代码出了什么问题。
这是我的代码。
$('.main-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
items:1,
});
$('.fade').owlCarousel({
loop:true,
margin:10,
nav:true,
items:1,
animateOut:
浏览 7提问于2017-09-14得票数 1
我有一个GlideJS旋转木马，需要暂停自动播放时，视频正在播放的幻灯片。自动播放组件有开始和停止方法，但我无法从文档中知道如何访问组件方法。
如何访问这些方法？
var glide = new Glide('.glide', {
type: 'carousel',
gap: 0,
autoplay: 6000
}).mount();
function onVideoPlay() {
// doesn't work
glide.stop();
// doesn't work
glide.a
浏览 3提问于2018-10-11得票数 1
回答已采纳
autoPlayTimeout是否不打算停止自动播放:true？因为不管我怎么尝试猫头鹰旋转木马都不会停下来。 $('.owl-carousel').owlCarousel({
items: 1,
autoplay:true,
autoPlaySpeed:500,
autoPlayTimeout:5000,
autoPlayHoverPause:true,
loop:true, 当然，其他人想要的不是永远循环，因为这很烦人。
浏览 97提问于2021-03-26得票数 0
2回答
我正在制作旋转木马并将其插入col-md-8中，剩下的4个网格用于侧导航。当我为幻灯片从包装类中删除活动类时，我的旋转木马是不可见的，为什么会发生这种情况，为什么我们需要使它活动。
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarou
浏览 1提问于2017-06-13得票数 0
回答已采纳
4回答
编辑:
我正在制作一个类似于老虎机的应用程序，我为时隙对象添加了iCarousel。所以我有一个按钮来旋转iCarousel。在我的iCarousel视图中有两个插槽(Slot1和Slot2)。下面是我的iCarouselView：(框是两个carousel所在的地方)
这就是我如何旋转我的iCarousel
-(IBAction) spin {
[carousel1 scrollByNumberOfItems:-35 duration:10.7550f];
[carousel2 scrollByNumberOfItems:-35 duration:10.7550f];
}
下面
浏览 8提问于2012-05-26得票数 10
回答已采纳
3回答
我正在用Bootstrap carousel制作一张旋转木马幻灯片。我想停止自动播放幻灯片，我想做一个按钮，它可以控制自动播放的开关。
我已经搜索过了，它建议我为转盘div添加一个属性data-interval=false或添加一个脚本：$('.carousel').carousel({ interval: false, })。
当上面的值被设置为默认值时，它停止自动播放，但当我想要打开/关闭自动播放时，它不工作，并保持自动播放。
以下是我到目前为止拥有的脚本：
var total = $('.carousel-item').length;
var curren
浏览 0提问于2021-04-06得票数 2
1回答
旋转木马箭头键卷轴不工作
、、、
默认情况下，当页面加载时，Carousel不会关注自身，这就是为什么除非您进行交互，否则旋转木马中的箭头键滚动无法工作，但我希望将焦点放在旋转木马上，并且在页面加载后，我希望可以在旋转木马中使用箭头键滚动。我尝试添加以下代码：
var $carousel = $('.stest');
$(document).on('keydown', function(e) {
if(e.keyCode == 37) {
$carousel.slick('slickPrev');
}
if(e.keyCode == 39)
浏览 3提问于2017-06-15得票数 0
回答已采纳
1回答
我正试图在我的CRA项目中实现一个来自Bootstrap的旋转木马。实际上，我使用的是文档中提供的代码：
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" c
浏览 0提问于2019-05-30得票数 0
我正在尝试使用带视频的Bootstrap carousel。我有一个5秒的视频列表。我需要用这个旋转木马自动播放它们。
目前，Bootstrap播放第一个视频，但我也希望当它们滑入屏幕时自动播放所有其他视频。
示例：
代码：
var $myCarousel = $("#myCarousel");
$myCarousel.carousel({
interval: 2000
});
浏览 0提问于2014-10-14得票数 1
1回答
我正在尝试制作一个带旋转木马滑块的应用程序，但当我要启用自动播放功能时，自动播放功能无法正常工作 我的应用程序在正文的顶部包含一个旋转木马滑块，在应用程序的其余部分包含另一个按钮 所以我把carousel滑块放在容器里面，它的子项是一个列 insert my carousel滑块和页面小部件的其余部分 有没有办法让它自动播放？ class AdminContentState extends State<AdminContent> {
@override
Widget build(BuildContext context) {
return Container(
浏览 12提问于2019-04-21得票数 1
回答已采纳
2回答
我正在尝试缩短owl carousel上的自动播放速度(我使用的是owl carousel 1)，但它总是停留在5秒。在网站上(这个网站坏了)，它说你可以在autoplay:后面添加一个整数，但我添加了什么数字并不重要，它总是需要5秒才能玩完。
我应该提一下，autoPlay (大写为P)并不适用于我，就像他们网站上显示的那样。只有当我使用autoplay时，它才会自动播放。
下面是我的owl carousel的设置：
$("#owl-mockup").owlCarousel({
loop: true,
autoplay: 3000,
浏览 0提问于2016-06-08得票数 1
1回答
我一直在尝试用Bootstrap旋转木马制作一部互动纪录片。为此，我希望在活动幻灯片上的视频自动播放。我读过自动播放是不可能的，除非视频是静音，但我不介意它，如果你只需点击一个音量按钮的一切，然后自动播放，但我还没有弄清楚如何做到这一点。在Chrome上，没有自动播放，你必须手动播放每一个视频。在使用Safari时，一旦用户以前与页面进行交互，视频就会自动播放，但问题是，它们同时自动播放，甚至视频也出现在不活动的幻灯片上(带有声音)。有人知道解决办法吗？
My：
<div id="myCarousel" class="carousel slide" dat
浏览 0提问于2020-11-07得票数 2
回答已采纳
我在wordpress网站上工作，这是硬编码的。我在文件中找不到函数。它使用的是owl carousel。我需要改变第一个旋转木马的速度。我在HTML中检查了这段代码。
<div id="owl-carousel-257654226" class="owl-carousel owl-carousel-jumbo owl-theme" data-singleitem="true" data-autoplay="10000" data-stoponhover="true" data-pagination="
浏览 1提问于2017-11-29得票数 0
2回答
猫头鹰旋转木马不会在鼠标悬停时恢复。当我加载页面时它会自动播放。当我鼠标悬停在上面时，鼠标就会停止，但不会继续鼠标悬停。
<script>
var owl = $('.owl-carousel');
owl.owlCarousel({
items:4,
loop:true,
margin:10,
autoplay:true,
autoplayTimeout:1000,
autoplayHoverPause:true
});
$('
浏览 3提问于2017-06-18得票数 1
回答已采纳
myI在我的页面上有一个bootstrap 3旋转木马，我已经设置了它，以便在加载时禁用自动播放
$('#myCarousel').carousel({
interval: false
});
我已经添加了更多的代码，这样当文本出现在屏幕上时，它应该会开始自动播放
function myCarouselPlay(){
$('#myCarousel').carousel({
interval: 5000
});
}
不幸的是，这不起作用。你知道为什么吗？
浏览 0提问于2015-11-26得票数 0
我正在尝试添加自定义类“大，中，中”到3个不同的owl项目。但这只有在自动播放时才起作用。当您第一次看到它时，它不起作用。如何在页面加载时运行此代码？
$('#MySlider .owl-carousel').on('translate.owl.carousel', function(e){
idx = e.item.index;
$('#MySlider .owl-carousel').find('.owl-item.big').removeClass('big');
$('#M
浏览 24提问于2019-11-15得票数 2
回答已采纳
1回答
我有一个问题，将一个HTML5视频放在一个引导旋转木马。我的旋转木马应该占屏幕的90%，这样它才能有反应。
我试图把一个视频在旋转木马中，宽度约为其大小的200% (H )，这样我就可以使用div将它与overflow hidden一起裁剪到屏幕的90%。
但是我的div显示了整个视频，它没有反应。我能找出原因。
<!-- Carousel.
================================================== -->
<div id="myCarousel" class="carousel slide
浏览 0提问于2016-04-22得票数 0
回答已采纳
3回答
现在，我正在为用户界面使用物化设计框架。我正在使用旋转木马的物化，但旋转木马图像不是移动或自动播放。我想设置一些时间间隔自动播放图像。
$('.carousel').carousel({
dist:0,
shift:0,
padding:20,
interval:100
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"&
浏览 1提问于2016-04-18得票数 1
回答已采纳
1回答
旋转木马自动播放视频
、、、
我有一个旋转木马与图像和视频，我决定自动播放视频。问题是，当我加载包含旋转木马的页面时，它会自动复制视频。当我在相应的幻灯片上定位时，我需要自动播放视频。问题是我不知道怎么做。
<div id="carousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
@{bool Active = true;}
浏览 1提问于2017-04-27得票数 1
回答已采纳
1回答
我在使用twitters引导和旋转木马，但是我用ajax加载了滑块，而自动播放不起作用.如果ajax没有加载它就能工作..。解决办法？？
我的代码：
$(function () {
$('.carousel').carousel({
interval: 4000
});
})
浏览 2提问于2015-06-19得票数 1
回答已采纳
我在我的Joomla网站上使用了一个owl Carousel插件。当我将鼠标悬停在旋转木马上时，它会停止自动播放。我不想让它停下来。我想让它在鼠标悬停时继续自动播放。我不理解Javascript，但粘贴Owl Carousel JS部分，这是悬停。有没有办法修改它，使其不会停止悬停时的自动播放？
},this),"play.owl.autoplay":a.proxy(function(a,b,c){this.play(b,c)},this),"stop.owl.autoplay":a.proxy(function(){this.stop()},this),
浏览 33提问于2021-02-27得票数 0
2回答
我最近在我的投资组合网站上添加了一个旋转木马。然而，当我向下滚动(它在上面)时，旋转木马正在重叠导航条。
我的密码
Navbar.js：
...
return (
<nav class="header">
<ul class="list">
<li className='item'>
<Link to="/">Home</Link>
</li>
浏览 1提问于2022-05-07得票数 2
回答已采纳
1回答
我正在尝试纯JavaScript carousel插件Siema。 我将旋转木马设置为自动播放，每隔5秒更换一次幻灯片，还添加了“上一页”和“下一页”按钮来手动更改幻灯片。 5秒的时间间隔不间断地运行，所以每当我开始手动与滑块交互时，比如说单击它的元素或它的上一步/下一步按钮，自动播放就会迅速赶上并再次更改幻灯片。 当用户第一次与滑块的任何元素交互时，我希望自动播放停止。或者，如果这不可能，只要有这样的交互，就重新设置延迟，这样幻灯片就不会突然改变。 这是一个展示代码的最小实时演示：https://codepen.io/hyades/pen/abzVREV const mySiema = n
浏览 28提问于2020-01-04得票数 0
回答已采纳
对此感到困惑，不知道该从哪里开始寻找。
我有一个旋转木马，当刷新事件在我的后台存储中触发时，我会加载它：
Ext.define('Rb.store.Items', {
extend: 'Ext.data.Store',
requires: ['Rb.model.Item', 'Ext.data.proxy.Rest'],
config: {
storeId: 'itemstore',
model: 'Rb
浏览 0提问于2013-12-15得票数 1
1回答
我想让我的引导旋转木马滑块固定在顶部，所以当我向下滚动时，我希望下面的内容覆盖旋转木马滑块，而不是旋转木马与其他内容一起移动。这是一个普通的自带旋转木马滑块。
<div class="carousel slide" data-ride="carousel" id="carousel-ex">
<ol class="carousel-indicators">
<li data-target="#carousel-ex" data-slide-to="0" clas
浏览 0提问于2015-04-08得票数 1
1回答
我想在图像旋转木马中添加一个标题和文本。当它编写h1或p标记时，文本就在文本下面。我想把它保持在我的形象中间。我正在使用引导框架。
这是我的代码：
<section>
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item
浏览 2提问于2022-09-25得票数 0
我正在创建Bootstrap(4)旋转木马与一些视频(不仅)，我希望它停止时，视频播放(自动播放)，并继续在视频的结尾。 我知道有很多类似的主题，但所有的东西都是1-3年前的(bootstrap 3/2)，现在什么都不能用…… 这是我的HTML示例代码 <div id="mediaCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="
浏览 52提问于2019-04-02得票数 4
3回答
我有一个简单的Owl carousel，带有自动播放设置和导航箭头，定义了以下选项：
var options = {
mainBanner: {
animateOut: 'fadeOut',
autoplay: true,
autoplayHoverPause: false,
autoplaySpeed: 1200,
dots: false,
lazyLoad: true,
loop: true,
mouseDrag: false,
浏览 43提问于2017-08-22得票数 3
回答已采纳
1回答
这里是带有旋转木马的HTML :
<html lang="en" dir="ltr">
<head>
<link rel="stylesheet" href="CSS/flickity.css"> // it Could be a CDN
</head>
<body>
<div class="main-carousel" data-flickity='{ "wrapAround": true,
浏览 2提问于2021-02-05得票数 0
回答已采纳
1回答
我有一个问题，角6与引导带4旋转木马。刚开始的时候很管用。我的问题还与路由有关。
在A页上，我有我的旋转木马。
<div id="homebanner-carousel" class="carousel slide " data-pause="false"
data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#homebanner-carousel
浏览 0提问于2018-09-10得票数 0
回答已采纳
我有一个幻灯片的旋转木马，我每隔5秒旋转一次。我有一个清除超时以停止旋转的函数。我正在尝试用下面的代码重启carousel。该行为可以正常工作，但不正确。它不是以5秒的间隔恢复，而是在幻灯片中快速闪现。 t = setTimeout(carousel, 5000);
var interval;
$(document).on('mousemove keyup keypress',function(){
clearTimeout(carousel);
setTimeout(carousel, 6000);
})
浏览 33提问于2019-04-19得票数 2
回答已采纳
1回答
我试图显示视频作为幻灯片内的引导模式动态。但是当视频加载时，相应的播放按钮充当旋转木马的左指示符。视频也是自动播放的。我也尝试使用标签，这停止了自动播放，但仍然发挥了旋转木马左指示器的播放按钮。提前谢谢。
下面是我的密码。
<div class="modal fade and carousel slide" id="video">
<div class="modal-dialog" style="margin-top:250px;" >
<div class="modal-co
浏览 4提问于2015-11-09得票数 1
回答已采纳
1回答
我使用的是JQuery Simple Carousel，它做的一切都很好(自动播放，在每个列表项之间淡入淡出，上一个和下一个按钮)...but问题是当我点击一个按钮时，它会停止自动播放。我想找到一种解决方案，一旦点击，传送带再次启动的时间是正常情况下自动播放的两倍。下面是代码
<script type="text/javascript">
jQuery(document).ready(function() {
// Carousel
$("ul.writein").simplecarousel({
浏览 1提问于2012-06-07得票数 1
回答已采纳
2回答
我想在引导旋转木马中在我的图像上安装一个内置box-shadow，但是不管我做什么，它都不起作用。我要在图像边界周围的阴影。
这里是我的代码：
.carousel-item {
width: 100%;
}
.carousel-item>a>img {
width: 400px;
height: 600px;
}
.carousel-item>a>img::after {
box-shadow: 0px 0px 60px 40px black inset;
bottom: 0;
content: "";
浏览 0提问于2019-02-15得票数 2
回答已采纳
1回答
我有一个旋转木马文本自动播放不停止。有什么办法能让它在最后一刻停止吗？这是代码
(function () {
rt.Homepage = function () {
function e() {
var e = this;
this.currentCaption = 0, this.$carousel = $(".js-carousel"), this.$captions = $(".js-captions"), this.switchCaption(1), setInterval(func
浏览 2提问于2014-05-01得票数 0
回答已采纳
1回答
我已经通过使用jquery.featured.carousel.js文件和一些css创建了特性旋转滑块。
这是我的小提琴。
当在localhost中运行这些源代码时，每当我调整窗口大小时，都需要刷新页面以获得响应视图。
这是我的javascript：
<script type="text/javascript">
$(document).ready(function() {
initSlider();
});
$( window ).resize(function() {
initSlider();
浏览 3提问于2015-07-31得票数 0
1回答
我有两个owl旋转木马嵌套
这是html结构。
<li class="product">
<ul class="product-image-slider owl-carousel">
<li>image 1</li>
<li>image 1</li>
</ul>
content here..
</li>
<li class="produ
浏览 1提问于2018-08-14得票数 0
回答已采纳
1回答
自举旋转木马问题
、、、
我对自助传送带有很多问题：
在第一个间隔过去之前，旋转木马不会呈现。我甚至不希望旋转木马自动播放，所以我尝试使用选项间隔: false，但这会导致旋转木马永远不会呈现。
当我单击next或prev按钮时，它将#carousel放在url中，这是非常不想要的。
HTML：
<div id="myCarousel" class="contributors-carousel carousel slide">
<div class="carousel-inner">
&
浏览 1提问于2013-07-22得票数 1
回答已采纳
我有一个GlideJS旋转木马，我试图在每个幻灯片激活后调用我的handleAnimation函数。 如果我点击它，它就会工作，但我不知道如何让它在旋转木马处于自动播放状态时运行。 componentDidMount = () => {
const carousel = new Glide(this.myRef.current, {
autoplay: 3000,
rewind: true,
})
carousel.mount()
const myTriggers = document.querySelectorAll(".slide__tri
浏览 25提问于2020-10-09得票数 0
回答已采纳
1回答
我制作了一个有图片和Youtube视频的旋转木马。即使当视频播放旋转木马幻灯片和返回视频时，视频仍在播放。
我希望旋转木马暂停时，视频播放和继续，如果箭头点击或如果视频结束。
停止视频，如果它在播放，用户点击旋转木马箭头。
HTML：
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-pause="hover">
<!-- Indicators -->
浏览 1提问于2018-10-22得票数 2
回答已采纳
1回答
我目前有一个大型卡特尔网站的跟踪主题。它的主页上有一个闪烁的旋转木马。我喜欢这个像幻灯片一样自动播放 我不太了解网络开发-因此我有一个大卡特尔网站的原因。我做了一些零星的修补工作来改变一些次要的事情。对于知道该怎么做的人来说，这似乎是一个简单的修复方法，我甚至不知道把代码放在哪里。有没有人认为他们可以指导盲人？ 我找到了轻薄的.CSS，一切看起来都很好……我喜欢它的风格。 这是自动播放页面上flickity网站上的代码： <!-- Flickity HTML init -->
<div class="carousel" data-flickity=
浏览 46提问于2020-06-30得票数 0
我有自动播放的Cycle2旋转木马。有人知道如何在某些幻灯片上停止Cycle2旋转木马吗？
使用$('.cycle-slideshow').on('cycle-update-view'，function (e，optionHash，slideOptionsHash，currentSlideEl) { var caption = (optionHash.currSlide + 1)；//alert(optionHash.currSlide)；
if(optionHash.currSlide == 3){
$('.cycle-s
浏览 6提问于2014-12-02得票数 0
1回答
当我鼠标悬停在.产品滑块li.product上时，图像滑块开始自动启动，鼠标离开，然后自动播放停止。这是很好的工作，但效果在滑块product-slider和产品图像滑块。
我们只需要影响自动播放，自动播放停止和前进的幻灯片在产品-图像滑块时，摩丝悬停在单一产品幻灯片。
我们正在使用owl carousal版本2.1.6
HTML代码
`<ul class="product-lists product-slider owl-carousel">
<li class="product">
<ul class=
浏览 8提问于2016-07-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
