React Carousel /图像滑块
React Carousel（图像滑块）是一个基于React框架的图像轮播组件，用于在网页或移动应用中展示多张图片，并支持用户通过滑动或点击切换图片。
React Carousel的主要特点和优势包括：
- 响应式设计：可以自适应不同屏幕尺寸和设备类型，确保在各种设备上都能良好展示。
- 可定制性强：提供丰富的配置选项和样式自定义，可以根据需求调整轮播效果、动画、导航按钮等。
- 交互友好：支持手势滑动、点击切换、自动播放等交互方式，提供良好的用户体验。
- 轻量高效：基于React框架开发，具有高性能和优化的特点，加载速度快，占用资源少。
- 生态丰富：React Carousel是基于React生态系统的组件，可以与其他React组件和库无缝集成，扩展性强。
React Carousel的应用场景包括但不限于：
- 广告轮播：在网页或移动应用中展示广告图片，吸引用户注意力。
- 产品展示：展示产品图片，帮助用户更好地了解产品特点和细节。
- 新闻资讯：用于展示新闻、文章的配图，提升内容的吸引力。
- 图片相册：创建图片相册，方便用户浏览和分享照片。
- 活动推广：用于展示活动宣传图片，吸引用户参与。
腾讯云提供了一款名为"腾讯云轻量应用服务器"的产品，可以作为React Carousel的部署环境。腾讯云轻量应用服务器是一种高性能、低成本的云服务器，适用于个人开发者和小型团队。您可以通过以下链接了解更多关于腾讯云轻量应用服务器的信息：https://cloud.tencent.com/product/lighthouse
请注意，以上答案仅供参考，具体的技术选型和产品选择应根据实际需求和情况进行评估和决策。
相关·内容
我在React/Material库中搜索图像滑块(carousel)组件，但找不到其中的组件。请帮助我找到图像滑块组件。
浏览 4提问于2022-04-24得票数 0
1回答
有人知道这个错误的可能原因吗？
Uncaught TypeError: Cannot read property 'add' of null
我在React.js中使用圆滑的旋转木马。我将图像数组作为prop传入，并调用图像滑块组件中的slick函数。这个组件在一个页面上运行良好，但在另一个页面上，我一直看到这个错误，图像显示在滑块中，但我认为由于这个错误，页面上的其他东西正在中断，你有什么想法吗？
下面是组件的主要代码，图像是作为道具从父级传递的：
import React from 'react';
import {Link} from 'react
浏览 1提问于2016-11-17得票数 1
1回答
我有一个react组件，它基本上是一个简单的滑块。
现在，来自滑块的图像是硬编码的
代码如下：
import React from 'react';
const Slider = () => (
<div>
<div id="myCarousel" className="carousel slide" data-ride="carousel">
<div className="carousel-inner" role="listbox"&
浏览 2提问于2016-11-04得票数 0
我确实有以下React组件，它订阅MongoDB，从它加载图像并返回到页面。
export default class Portfolio extends TrackerReact(React.Component) {
constructor(props) {
super(props);
this.state = {
subscription: {
albumbs: Meteor.subscribe('albums')
}
}
}
componentWillUnmount() {
this.
浏览 2提问于2016-08-08得票数 0
回答已采纳
我是react-native的新手，目前正在努力在React-Native中创建一个简单的Image-slider。我浏览了一些链接，比如：https://reactnativeexample.com/tag/carousel/ 但是不能确定react-native是否提供了一个库，我可以直接导入到我的代码中来实现Image-slider。有没有我可以使用的本地库，或者有没有其他创建图像滑块的过程？我想要一个滑块，如本网站所示：https://www.jssor.com/
浏览 8提问于2019-01-06得票数 1
我正在开发React中的一个可拖动的carousel滑块，我正在尝试弄清楚如何根据包含的子元素的数量来计算包含div的总宽度。我假设我可以在组件挂载后获得宽度，但它没有返回我期望的结果……我现在假设它需要等待图像加载和挂载才能做到这一点。获得<div className="carousel__stage">宽度的最佳方法是什么？
const Carousel = () => {
const carouselStage = useRef(null);
useEffect ( () => {
console.log(carouselStag
浏览 89提问于2021-02-14得票数 2
回答已采纳
1回答
我试图使用一个旋转木马滑块在我的网站上，但所有的图像都没有显示。我正在使用一个由库提供的示例，但它不起作用。
我已经将引导CDN链接到我的HTML文件中，但是它没有帮助。
import React, { Component } from 'react';
import {Carousel,} from 'react-bootstrap';
import Carousel from 'nuka-carousel';
class Slider extends Component {
render() {
return (
浏览 0提问于2018-04-17得票数 1
7回答
在反应中初始化物质化组分
、、、
我正在尝试将旋转木马图像滑块从MaterializeCSS添加到一个简单的React组件中，但是我无法初始化它！知道在我的代码中应该在哪里做这件事是非常有帮助的。
import React, { Component } from 'react';
import { M } from 'materialize-css/dist/js/materialize.min.js';
export default class Slider extends Component {
componentDidMount() {
var elem = document.
浏览 2提问于2018-04-29得票数 1
回答已采纳
我的应用程序中有来自rest的图像。然后将这些图像填充到react-multi-carousel.中。我想做的是让这些图片点击一个灯箱。我对此反应很新。到目前为止，我对旋转木马滑块的代码是：
slider.js
import React, { Component } from 'react';
import '../slider/slider.css';
import Carousel from "react-multi-carousel";
import "react-multi-carousel/lib/styles.
浏览 5提问于2020-04-15得票数 4
回答已采纳
我使用react-multi-carousel，并尝试在滑块外部创建自定义按钮，但当我创建自定义按钮时，我遇到了一些错误：
我使用以下代码：
import React from "react";
import "./Cards.css";
import Carousel from "react-multi-carousel";
import classes from "./CarouselCards.module.css"
import ProductionCards from "./ProductionCard
浏览 7提问于2021-05-27得票数 0
回答已采纳
下面是代码，我想从本地文件夹中添加图像，而不是item#1,2,3，.我怎么能这么做？此外，如果你们中的任何人都知道一个好的源代码来创建产品滑块，请让我知道，谢谢。
import Carousel from 'react-elastic-carousel';
class ProductSlider extends Component {
state = {
items: [
{id: 1, image: 'item #1'},
{id: 2, image: 'item #2'},
{id: 3,
浏览 4提问于2021-03-16得票数 0
回答已采纳
我正在研究一个应用程序，可以显示一个简单的图像滑块使用旋转木马。我使用了"react-native-banner- Carousel“库中的carousel。 代码： ImageSlider.js import React from 'react';
import Carousel from 'react-native-banner-carousel';
import { StyleSheet, Image, View, Dimensions } from 'react-native';
const BannerWidth = Dim
浏览 12提问于2019-01-17得票数 0
回答已采纳
我想改变的背景图像时，滑块将旋转与另一个图像的同时。在本例中，我添加了一个带有背景图像的bootstrap carousel滑块。我想当滑块图像将滑动，然后背景图像也将改变/滑动在同一时间。我以前用过两个bootstrap carousel滑块，一个是主滑块，另一个是背景滑块。但我只需要添加一个主旋转木马滑块和背景图像，这也随着主滑块图像的变化。这是我的示例url链接()，我想在其中使用这种类型的功能。有什么想法吗，伙计们！
浏览 1提问于2014-10-28得票数 0
我在一个页面上有三个旋转木马滑块，我想让它们同时移动其中的两个.i.e。两者都应该同时更改滑块图像。两者都有相同数量的图像/幻灯片。下面是我使用的代码：
jQuery('#carousel-example-generic1, #carousel-example-generic2').carousel({
interval: 4000
});
我还尝试了下面的代码：
jQuery('.carousel').carousel({
pause:'false'
});
jQuery('#carousel-example-gene
浏览 2提问于2013-12-21得票数 8
Carousel的实现有很多示例，我已经使用PnP的示例使用Fluent UI Image控件实现了React slick slick。我有一个在滑块中添加一个图像的网址，这将把用户带到目标OnClick的要求。Image Fluent UI控件没有这个方法，我正在寻找在SPFx中实现它的建议。 提前谢谢。
浏览 37提问于2021-06-23得票数 0
是否支持动态添加图片？我有‘一些’按钮，o我有一个按钮，点击它后，通过Ajax加载图像数组并将它们传递给滑块。
var seplen=separatedLeft.length; //images array
var carus = $('#carousel'); //will append images to this element
var imglist=''; //we use this variable for optimization..
for(var i=0;i<seplen;i++){
浏览 0提问于2012-03-14得票数 1
回答已采纳
2回答
这是我的index.js文件
导入
import React from 'react';
import ReactDOM from 'react-dom';
import field from './images/field.jpg';
import forest from './images/forest.jpg';
import hills from './images/hills.jpg';
import lake from './images/lake.jpg';
import sunris
浏览 5提问于2020-04-28得票数 0
回答已采纳
2回答
我将react-slick添加到我的项目中，以显示carousel。我想控制我的滑块与自定义下一步和prev按钮，这是在滑块的内容顶部。所以我遵循了自定义箭头文档，但我不想在光滑的内容中显示我的按钮，我想将控件交给滑块内容上方的按钮。如何做到这一点？我从我创建的组件中包含我的代码。
import React from 'react';
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";
import Slider fro
浏览 3提问于2019-07-08得票数 1
回答已采纳
4回答
我正在使用并修改了一个图像滑块/旋转木马，需要一些指导一两件事。我需要使它能够自动滚动通过图像首先。其次，我需要在下面有三个单词，作为控件。所以，如果我点击一个，它会把我带到滑块中的图像，下面有一些文本？
(function() {
var first = $('.item').first(),
last = $('.item').last(),
itemWidth = first.width(),
carousel = $('.carousel');
carousel.prepe
浏览 1提问于2014-06-03得票数 0
1回答
我想使用这个，如果他们是一个滑块，然后显示这个。如果它们不是滑块，那么它将显示一个图像。我的密码是这样的。但他们唯一显示的图像，虽然他们是一个滑块图像。如果我删除图像部分与条件，那么滑块显示。我的代码有什么问题。有人能回答吗？
<div class="slideshow">
<?php if (has_post_thumbnail('slider-image')) : ?>
<div data-ride="carousel" class="carousel slide&
浏览 3提问于2014-04-21得票数 0
回答已采纳
1回答
我想设置旋转木马的最小高度为不同大小的图像。注意:当窗口缩小时，图像的高度会减小。 我尝试使用java-script来设置carousel的高度等于图像的高度。但问题是高度对于所有窗口大小都是恒定的。我没有发现的是基于响应度为高度提供动态值。 我正在做的事情看起来有点愚蠢，但我有一个问题。问题是滑块旋转木马需要时间加载，这导致较低的组件采取滑块的位置一瞥。那会毁了我网站的外观。为了解决这个特殊的问题，我考虑将滑块旋转木马的最小高度设置为一定的高度。这样做会破坏响应性，因为在下部屏幕中，滑块下方会产生额外的空间。因此，唯一的解决方案是将滑块的最小高度设置为基于窗口大小的不同图像高度。可能还有其
浏览 15提问于2019-09-13得票数 0
1回答
我正在使用这个滑块：
我需要添加更多的图像到该滑块，以显示4个图像。
我已经把html改成了：
<div class="carousel-item col-md-4">
至
<div class="carousel-item col-md-3">
现在他有空间显示4，但不显示4。
浏览 12提问于2018-03-01得票数 0
回答已采纳
我正在开发react原生应用程序。对于滑块部分，我放了"Snap carousel“插件。我的滑块显示了多个项目。按时间计算滑块项目与除以窗口宽度/5。现在我有5个滑块项目在显示。
问题是，我需要显示活动滑块项目的滑块文本和更改背景颜色。
在渲染项中，我不能使用state或props值。如何在render item方法中检查当前索引值？
constructor(props) {
super(props);
this.state = {
activeSlide:0
}
}
_renderItem ({item, index, currentInde
浏览 0提问于2018-05-28得票数 3
在这样的例子中，我们如何使用角度指令来知道何时加载图像。这些示例描述了直接应用于img元素的指令，如下所示：
<img ng-src="myimage.jpg" my-great-directive />
然后在指令“我的伟大的指令”中
我们可以做一个：
element.bind("load" , function(e){ }
而且我干得很好。
但是，如果结构是这样的呢：
<div my-great-directive>
<img ng-src="myimage.jpg" />
</div>
在
浏览 6提问于2015-07-28得票数 6
回答已采纳
当我想要做一个滑块的时候，我得到了错误，我已经寻找了几个替代方案来解决它，但是它们都没有工作。错误出现在useEffect(() => {setWidth ( carousel.current.scrollWidth - carousel.current.offsetWidth)}，[])和carousel.current中
import React from "react";
import { motion } from "framer-motion";
import { useRef, useEffect, useState } from "r
浏览 2提问于2022-07-21得票数 1
1回答
我有一个典型的旋转木马，当我单击左键时，如果marginLeft为0，它不会滑动，但我不知道当我单击右键时为滑块设置的限制值。
我试着计算图像的宽度和它们之间的边距空间，为右按钮设置极限值，这样滑块就不会滑过它，但如果你在另一台设备上看到它，这就不起作用了，因为它的宽度更高。
codepen：
// caoursel
const carousel = document.getElementById('carousel');
const leftArrow = carousel.querySelector('.carousel-left-arrow');
cons
浏览 9提问于2019-07-28得票数 0
回答已采纳
1回答
我已经使滑块图像动态，但不幸的是，滑块图像不是滑动，只是第一个图像显示在滑块上。我怎么能这么做？
<div class="bd-example heroBackground ">
<div id="carouselExampleCaptions" class="carousel slide bg-height" data-
ride="carousel">
<ol class=&#
浏览 3提问于2020-03-16得票数 1
回答已采纳
1回答
我正在做一个学校项目，我需要一次点击打开多个文档。我正在使用一个图像滑块，我已经设法让它打开多个链接。然而，一旦我添加相同的JavaScript到滑块上的另一个图像，它将打开与以前相同的一个，即使我已经更改了源。
<img src="promo.png" img class="carousel-image" onclick="doOpen()">
<script type="text/javascript">
function doOpen()
{
window.open("Ticket
浏览 4提问于2013-03-19得票数 3
回答已采纳
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
回答已采纳
3回答
我正在使用twitter-bootstrap特性旋转木马作为滑块。基本上，我的主页将只是一个大滑块与导航条和页脚。我想知道是否有一种方法，使滑块适合屏幕，而不需要拉伸图像？
更具体地说，我希望滑块适合windows浏览器的宽度和高度，而不必牺牲我的图像高宽比。用我当前的代码，滑块非常适合屏幕，但是图像没有调整，因为它试图保持高宽比。
请参阅我的，了解正在发生的事情；我还粘贴了下面的代码。
<!-- Wrapper for Slides -->
<div class="carousel-inner">
浏览 7提问于2016-09-09得票数 2
回答已采纳
2回答
我有一个使用react slick滑块的简单滑块，其中一个幻灯片是使用react播放器的视频，现在我想如果用户更改幻灯片以暂停播放视频，这里是我到目前为止所拥有的。 这是一个关于代码沙箱的现场演示：pause video demo。 Player.js。 import React, { useState } from "react"
import ReactPlayer from "react-player"
function Player({ isPlaying, setIsPlaying }) {
const handleisPlaying = ()
浏览 14提问于2021-05-07得票数 2
回答已采纳
我正在尝试使用jquery引导旋转木马设置一个图像滑块。
它似乎是好的，只是滑块不工作。当我单击“下一步”箭头时，图像不会改变。
我做错了什么？
谨致问候,
费萨尔
JAVASCRIPT文件
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="/assets/jquery.js"></script>
<script src="/assets/bootstrap-
浏览 2提问于2012-05-08得票数 0
回答已采纳
1回答
我在ember和Jquery中构建了一个定制的旋转木马。几乎是直截了当。单击nextImage时，滑块移动下一个图像，单击previewsImage时，滑块返回预览图像。那部分工作得很完美。问题是，当点击goToImage(AKA点控制器)时，图像不会移动到相应的点顺序。看来我的逻辑可能有一些问题。
<nav class="dots">
<a href="#" class="carousel-bullet "{{action 'goToImage' 1}}></a>
浏览 2提问于2015-09-16得票数 1
回答已采纳
1回答
我正在使用的旋转木马反应引导，但我需要的图像显示，而不是扭曲的图像。有人能在这方面帮我一下吗？
在此处输入代码
函数滑块(){ return (
<Carousel className="cont">
<Carousel.Item interval={4000}>
<img
className="d-block w-100"
src={bonsais4}
alt="First slide"
/>
<Carousel.Caption>
浏览 0提问于2021-03-25得票数 0
1回答
我想做的是建立一个无限平滑的图像滑块。我从https://codepen.io/mdrezwanferdous/pen/wpNZxN的代码开始，因为我想要达到同样的效果。但是我很难弄清楚如何添加悬停效果。当鼠标悬停在单个图片上时，滑块应立即停止。当鼠标离开时，滑块应该继续循环。 到目前为止，我想要做的是： $('.owl-carousel .owl-item').on('mouseenter',function(e){
$('.owl-carousel').trigger('mouseover.owl.autoplay');
浏览 9提问于2019-04-28得票数 0
我正在从事react项目。我在我的项目中使用羽毛图标。在我的项目中使用react-bootstrap-carousel之前，它工作得很好。
在项目上使用react bootstrap-carousal之前的图像
我导入以下内容
import RBCarousel from "react-bootstrap-carousel";
import "react-bootstrap-carousel/dist/react-bootstrap-carousel.css";
导入这个之后，我得到了错误
图像在项目中使用react bootstrap-carousa
浏览 1提问于2020-01-07得票数 1
回答已采纳
我有一个API，它包含
"pictures": [
"http:\/\/storage\/web\/source\/images\/2016-10-28\/edac054f88fd16aee7bc144545fea4b2.jpg",
"http:\/\/storage\/web\/source\/images\/2016-10-28\/9aa3217f37f714678d758de6f7f5222d.jpg",
"http:\/\/storage\/web\/source\/images\/2016-10-28\/5164e
浏览 1提问于2016-10-31得票数 2
2回答
我有一个网页滑块在一个网站，显然需要移动响应以及。我使用引导带3作为我的框架。在桌面上，滑块需要如下所示：
图像是滑块背景图像。内容块1是一个半透明的内容框，图像上有文本.内容块2类似于内容块1，位于图像的底部，但仍然位于图像的之上。主要内容块是其余的网站页面内容。
在移动平台上，这应该是如下所示。
图像是滑块背景图像。内容块1是一个半透明的内容框，包含文本，但低于图像.内容块2类似于内容块1，低于内容块1。主要内容块是网站页面内容的其余部分。
在移动设备上，这似乎是可行的，因为内容块放置在图像下面/相对于图像。但是在桌面上，它们也被放置在图像下面。我使边距顶部：-50%的
浏览 1提问于2019-05-21得票数 0
回答已采纳
2回答
我从创建自定义分页滑块，我直接从网站复制代码，并按照说明安装了包。但是，当我尝试运行代码时，我得到了以下错误：
./src/Carousel.js模块找不到:无法解析'/Users/mcoe/Documents/Code/my-app1/src‘中的'./config.js’
代码：
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Style from "react-responsive-carousel/lib/styl
浏览 5提问于2018-10-16得票数 1
1回答
多个图像盒滑动的幻灯片
、、、
制作幻灯片部分，其中包含并排放置的图像，大小不同，如下所示，每个颜色框都是滑动图像(无论效果如何)，
bootstrap的滑块没有能力制造这样的东西
$('.carousel').carousel()
有什么想法吗？
浏览 0提问于2014-05-21得票数 0
回答已采纳
1回答
我用jQuery编写了一个非常简单的滑块。它的工作方式是对子img元素进行计数和编号，并显示与计数器变量相对应的img，该计数器变量随着用户按下“右”按钮而增加，如果按下“左”按钮，则会减少。它可以正常工作，除非页面上有多个实例(我认为是因为变量是全局的)。
一个按钮最终控制所有滑块的流量。此外，一次只有一个滑块会显示一个图像，因为它们都引用相同的变量。
是否有办法使滑块的每个实例都有自己的计数器($n)和幻灯片号($slides)变量？
下面是对我所拥有的东西的修改： (虽然没有实际的图像)
下面是直接html和jQuery
html：
<div>
<img src=
浏览 2提问于2014-07-28得票数 0
回答已采纳
我把一个锚标签放在slick滑块里面(React-Slick)，它在第一次点击时不起作用，但在第二次点击时，这是针对每个图像的。代码： <MediaQuery query={`(max-device-width: ${belowIpadBreakPoint}px)`}>
<Slider className="marketing-carousel__body" {...settings}>
{objectPath.has(this.state, 'config.content
浏览 20提问于2020-07-20得票数 0
回答已采纳
1回答
我正在使用React.js：http://flexslider.woothemes.com/thumbnail-slider.html中的插件设置一个带有缩略图滑块的图像滑块 如果我静态地添加<li>，它可以很好地工作： <div id="carousel" class="flexslider">
<ul class="slides">
<li><img src="slide1.jpg" /></li>
<li><img
浏览 20提问于2019-01-03得票数 0
回答已采纳
我正在尝试使用"react-slick"："^0.24.0“来创建一个旋转木马。如果你知道更好的库，我也想知道。 我已经看过文档了。基本上，我只是复制和粘贴他们的示例，并将我自己的JSX放在他们应该放幻灯片的地方。但是我不能正确地使用它。我在想，它一定需要用css来构建，我已经尝试过了，但无法弄清楚。我不确定是哪个元素控制了交互。看起来滑块把我所有的图片都塞进了一张幻灯片里。请帮帮我。 第一个组件应呈现滑块。这几乎是从this example一对一复制过来的。尽管我使用的是{carousel}而不是多个<div><h3></h3>&
浏览 9提问于2019-05-03得票数 1
回答已采纳
3回答
我在这个链接()上创建了滑块。它在桌面上很适合我，但是在移动device.This滑块上出现问题并不是在手机上显示全屏。我试着在css下面获得全屏，但是图像是拉伸的。我只需要显示图像的中心部分。我使用的是img tag.Would，您在这方面帮了我。
提前感谢
Css
//在移动设备中获取图像全屏。
.carousel-inner>.item>img, .carousel-inner>.item>a>img{
height: 100%;
}
浏览 3提问于2016-09-30得票数 0
回答已采纳
2回答
我在用鞋带写滑块。下面是在大屏幕v/s上看到的图像与移动设备上的图像的比较。
笔记本电脑屏幕：
移动屏幕：
结果在移动屏幕上显示的文字不对图像和大小的图像，不符合滑块。我怎样才能像在笔记本电脑屏幕上看到的那样符合这个图像呢？
以下是滑块的代码：
<!-- slider -->
<div id="myCarousel" class="carousel slide" data-interval="3000" data-ride="carousel">
浏览 1提问于2015-01-31得票数 0
我在React-bootstrap carousel中显示图像时遇到问题。旋转木马本身就可以工作。我看到底部的箭头和索引。但是图像就是不能显示出来。当我检查元素并将鼠标悬停在图像组件上时，它工作得很好。图像链接良好，传送带工作正常，但图像不显示。有谁知道解决这个问题的办法吗？这就是我的测试代码。我只是把它放在关于我的部分，以供参考。查看开发工具中的工作传送带和工作图像的图像。 import React from "react";
import "./section.css";
import "../../App.css";
import { u
浏览 44提问于2020-04-08得票数 3
1回答
我正在使用jquery和一个treshold：在这个站点上装载图像。
//Lazyload Images with Threshold https://www.appelsiini.net/projects/lazyload
$(function() {
$("img.lazy").lazyload({
threshold : 400
});
});
因此，图像src被data-original所取代。当我滚动到元素时，它应该将其更改为src，就像它一样。
但出于某种原因，它在引导滑块中加载图像的速度太慢了(当我单击它时，它会自动滑行一些没有加
浏览 2提问于2017-08-10得票数 12
1回答
如何在图像上实现拖放，更改其位置
、、、、
我开发了一个滑块，向我展示了几个图像。
在顶部(大图像和滑块所在的位置)，我有初始图像作为主图像。
在底部，我有次要的图像(见下图)。
是否存在将图像拖到包含滑块的div以更改顺序的方法？基本上，我打算把小盒子里的图像和大盒子里的第一个图像交换。
我也可以改变小图像的顺序吗？
谢谢。
码
<div class="col-md-6" style="overflow-y: auto;" (cdkDropListDropped)="drop($event)">
<div class="drop"
浏览 3提问于2020-02-17得票数 1
回答已采纳
4回答
我正在尝试重新创建一个导航栏/页眉/滑块，就像这样的
然而，我有一个问题与我的旋转木马滑块图像。它在网页形式下看起来很好，但当我将其缩小到移动形式时，我的图像大小不会调整到与我的旋转木马滑块相同的大小。下面是我想说的图片。
这是我的轮播滑块的HTML
<section class="container-fluid carouselcontainer">
<section id="myCarousel" class="carousel slide" data-ride="ca
浏览 2提问于2019-10-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
