2回答
我正在使用Flickity。我的groupCell是真的。现在的问题是，我不能增加图像的高度或滑块高度。另外，我必须在移动设备中显示1滑块。 你能帮我吗？ $('.slideset').flickity({
// options
cellAlign: 'left',
wrapAround: true,
contain: true,
//groupCells:'%',
groupCells: true,
prevNextButtons: true
}); .carousel-cell {
width: calc(
浏览 47提问于2020-01-18得票数 2
1回答
如何根据iframe高度调整td的高度。我试过height:auto，但它不起作用。每个iframe具有不同的内容，因此高度也不同
我正在使用内容轮播在一个iframe到另一个iframe之间切换。
最初发生的是内容轮播在每个iframe之间自动切换的动画。然后在第一个iframe处着陆。然后，用户可以使用轮播导航在iframe之间切换。
<td class="tabContainer">
<div id="multipleIframe">
<iframe></iframe>
<iframe></
浏览 4提问于2015-05-30得票数 1
1回答
我正尝试在我的页面上使用两个猫头鹰旋转木马，但我不能。Gif：https://gyazo.com/51620bc2fa6183bdcaab511632e1eb57 第一个运行得很好(gif上顶部的那个) 但是第二个(下面的gif上的那个)不起作用。它被设置为显示4个图像，而不是我设置的2个。该怎么办呢 这个运行得很好： <body>
<!-- MENU-->
<section>
<div class="owl-carousel owl-theme">
<div class="item">
浏览 75提问于2021-10-01得票数 1
回答已采纳
因为我的客户的页面有大量的Javascript，所以我为手机版添加的图像轮播在智能手机上的渲染耗时很长。我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。
这是可能的吗?如果是的话，该怎么做？
浏览 0提问于2014-02-11得票数 2
我在页面上的特定轮播中应用CSS时遇到了问题。
当我尝试在.carousel-inner .prev / .next中只对第二个轮播应用CSS时，它不能正常工作。如果我删除#secondCarousel (在CSS选择器)，它可以工作，但会在第一个carousel中引起不希望的行为。
我所指的例子可以在下面的链接中看到。
|
有没有人有什么建议来解决这个问题？
浏览 3提问于2015-05-27得票数 4
1回答
我正在寻找一个类似于上的jQuery旋转木马，它居中，即使旋转木马的内容超出浏览器的宽度，也不显示水平滚动条，支持图像交叉淡入淡出，并包括分页。
我用过SlidesJS和carouFredSel，但这些旋转木马不兼容。在花了几个小时测试后，我意识到这是因为这些插件依赖于容器具有固定宽度，导致当轮播宽度大于浏览器宽度时出现水平滚动条。
我想知道是否有一个轮播使用类似的代码结构，并通过CSS嵌入图像作为div的背景：
<div id="carousel">
<div class="slide">
<div class=
浏览 2提问于2012-09-19得票数 0
回答已采纳
1回答
由于某些原因，我不能让Bootstrap carousel与animate.css一起工作。这两个分别工作，但当编译在一起时，它不工作。
我尝试在轮播转换时使用animate.css让#line-top和#line-left向左/右滑动。
我现在可以让div在“slide”上动画，但不能“slid”。
这是一个
浏览 1提问于2013-07-29得票数 2
2回答
我试图找出为什么我的悬停背景色不适用于我的自定义按钮。我正在使用推特Bootstrap v3。
下面是css代码：
.btn-slide1 {
padding: 20px 40px;
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color:#fff;
background-color:#5cb85c;
border-color
浏览 12提问于2016-07-16得票数 2
1回答
我正在尝试将自定义的CSS应用于我的Cycle2 carousel中的每张幻灯片。
要添加到轮播的conatining div的属性是：
data-cycle-slide-css
文档说这个值应该是一个“对象散列”。
我不确定这是什么意思。
我试着给它赋值：
"{margin:-30px;}"
但这并不管用。
有什么想法吗？
浏览 2提问于2016-06-24得票数 0
嗨，我正在做bootstrap carousal。我试着在箭头点击上一个接一个地显示多张幻灯片。我使用了一些代码，它在某种程度上是有效的，但不是预期的。我只想在点击时移动一张图片。但是，在这里，整个图像幻灯片是移动的。请帮助我在点击时只移动一张图片。提前谢谢。
$('#Carousel').carousel({
interval: 4000
})
$('#Carousel .item').each(function() {
var next = $(this).next();
if (!next.length) {
next = $(th
浏览 11提问于2018-01-30得票数 0
2回答
我正在做一个带有滑动轮播<li>的信息图，但是SVG在Firefox中显示为像素化，尽管FF中SVG的bug已经解决了，我想。有人能看到解决这个问题的办法吗？
网址：
浏览 1提问于2011-04-11得票数 3
回答已采纳
我发现这里有很多问题和我的问题是一样的。然而，这些并不能解决我的问题。我的代码与下面的代码完全相同
然而，下面的div从未在我的django模板中呈现过。我可能遗漏了什么？图像轮播渲染正确，因此我的.js，.css文件应该被正确加载。
<div class="carousel-caption">
浏览 0提问于2015-10-15得票数 0
朋友们，我正在使用bootstrap 3 carousal。我在手机上遇到过一次问题，手机屏幕是<=4英寸。我的滑块的标题在较小的屏幕上隐藏了左侧的一半。请帮帮忙。
代码：
<div id="kc1" class="carousel " data-ride="carousel" data-interval="5000">
<ol class="carousel-indicators hidden-xs">
<li data-target="#kc1" dat
浏览 20提问于2017-02-12得票数 1
1回答
有没有人知道是否有可能在prototype中创建一个图像轮播，然后将这些图像从轮播中drag+drop到一个可丢弃的div中？
我在jCarousel上使用jQuery UI的可拖放插件也做了同样的事情。谢谢!
浏览 3提问于2011-06-22得票数 0
1回答
我正在尝试在我的简单的，静态的，基于Bootstrap的HTML页面中实现模式轮播。我正在尝试让在我的页面上工作，但我需要更多的指导。我将声明的代码粘贴到页面中，但最终将转盘嵌入到页面中，而不是隐藏。我缺乏实用的css/javascript知识，这让我很失望，因为我不太理解代码片段之前的3个简单指令。
有人能给我解释一下如何通过点击这个小提琴上的缩略图来让我的模式轮播工作吗？
<body>
<!--rows and cols structure -->
<div class="row"&g
浏览 0提问于2015-06-08得票数 3
下面的标记用于我的jQuery carousel小部件。第一个div用作当前所选模板缩略图的预览div。当用户鼠标悬停事件发生在任何缩略图的carousel中时，我希望预览图像更新为显示该图像的全尺寸缩略图(然后恢复为默认的onmouseout)。
轮播图像和预览图像的大小相同，我只是通过css将轮播图像的大小设置为更小。
//this is my full size preview image
<div class="selectedImage">
<img src="../wp-content/themes/mytheme/screensh
浏览 1提问于2010-03-16得票数 0
回答已采纳
简而言之，我正在尝试将html块+小转盘放在我的较大转盘的其中一张幻灯片上。基本上，更大规模的旋转木马将由2张幻灯片组成。
第一张幻灯片- html +较小的旋转木马(由2张图片组成-幻灯片本身)。第二张幻灯片-一个大英雄形象
使用Bootstrap 3.3.6和jQuery 2.2.3。
所以一切都很好，在目前的状态下，所有的幻灯片第一次都可以正常工作。一旦幻灯片从最后一个幻灯片转到第一个幻灯片，较小的旋转木马的功能就会停止运行。我认为问题出现在Bootstrap.js中的.item .active类中，因为更改/修改css不会对功能产生任何影响。
我一直在网上搜索，但找不到合适的答案。
如
浏览 1提问于2016-05-13得票数 4
2回答
我有一个在一个页面中使用的引导转盘。现在，我不得不在两三个页面中使用它，但在这些情况下，大小必须与第一个页面不同。因此，如果我将第一个轮播的css用于所有轮播，所有的修改都会影响到所有的轮播。所以我不能正确地管理它们。在不同规模的项目中管理多个旋转木马的最佳方式是什么？
感谢您的支持。
浏览 3提问于2015-11-01得票数 0
2回答
我有以下结构：
<div class="carousel" id="my-carousel">
<div class="carousel-item">
<div class="text-center">
...
</div>
</div>
<div class="carousel-item">
<div class="text-center">
...
浏览 0提问于2018-10-28得票数 0
1回答
我想在Prestashop模板中使用引导转盘。我发现在prestashop bootstrap中禁用了carousel。有什么方法可以启用轮播吗？我尝试使用以下代码：
<div class="row">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
浏览 1提问于2016-12-09得票数 0
我想建立一个有两个图像传送带的网页，我希望能够拖动图像从一个传送带到另一个。
我让图像轮播与jCarouselLite一起工作:它使用两个UL元素来指定轮播的图像。这可以很好地工作。
我可以创建两个UL图像列表，其中两个列表都是可放置的，图像是可拖动的。这可以很好地工作。
但是，当我尝试使这些列表ito carousel时，图像不会拖出它们的carousel。这是因为carousel设置了一个CSS样式'overflow:hidden‘来裁剪当前在carousel中不可见的图像。
我在拖动时关闭了此功能，以允许图像拖动到传送带之外，但隐藏的图像也是可见的。我已经使用DIV隐藏了这些，D
浏览 2提问于2011-04-28得票数 4
我在使用嵌套轮播时遇到了一个问题，当我在子轮播中添加item div时就会发生这种情况：
<div id="carousel-parent" class="carousel slide">
<div class="carousel-inner">
<div class="active item">
<div id="carousel-child" class="carousel slide">
<div c
浏览 1提问于2013-04-30得票数 1
回答已采纳
我希望轮播的分页与轮播和它下面的div重叠。但是，通过将寻呼的容器设置为margin-top: -49px;，在寻呼器的下半部分上的css不能识别悬停。
经过更多的调试，我发现如果我添加：
.under-div:hover{
background-color: blue;
}
然后，将鼠标悬停在分页控件的下半部分会触发.under-div中的蓝色背景
出于演示目的，我在此处添加了.slick-dots:hover{ background-color: red; }：
代码如下：
<div class="slick-list draggable">
浏览 0提问于2017-03-10得票数 0
1回答
我试图在flask应用程序中制作一个旋转木马，通过循环显示数据库中的所有图像，我也发现了类似的问题，但答案对我不起作用。 <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
{% for raffle in query %}
<div class="carousel-item {% if loop
浏览 11提问于2021-03-26得票数 1
回答已采纳
我正在制作超级菜单，在子菜单中，当我点击轮播下一个图标时，我有轮播，它没有显示下一个轮播项目突然子菜单是closed.this的事情，也发生在引导选项卡面板上，请帮助我。
.mega-dropdown {
position: static !important;
}
.mega-dropdown-menu {
padding: 20px 0px;
width: 100%;
box-shadow: none;
-webkit-box-shadow: none;
}
<html>
<head>
&
浏览 0提问于2016-06-08得票数 0
1回答
我需要调整轮播组件的大小(使其更小)。为此，我在css类中使用了width，但它不起作用(在chrome的css检查器中，它显示为注释)。我怎么能做到呢？
grid.css
.wrapper {
display: grid;
/* grid-gap: 10px; */
grid-template-rows: minmax(300px, 500px) 1fr;
grid-template-columns: 1fr;
}
.carousel {
width: 50%;
}
app.jsx
import React from 'react'
浏览 1提问于2020-01-12得票数 0
2回答
我的上有一个旋转木马。当出现第三个传送带时，由于图像拍摄空间，传送带按钮div class="rotator-controls"向下移动。这里我的目标是保持这个<div class="rotator-pagination">和其他4个div的高度相同，这意味着当孙子div div的<span> (索引2)处于活动状态时，我会将正确的<div class="rotator-controls">应用于底部(例如:60px)。由于轮播是jQuery周期2，因此当跨度处于活动状态时，它具有类cycle-pager-ac
浏览 6提问于2019-11-07得票数 0
1回答
这是我的标记：
<div id="carousel-example-generic" class="carousel slide" data-interval="false" data-pause="hover">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic"
浏览 0提问于2014-01-02得票数 2
回答已采纳
我对Angular和物化还很陌生。我正在尝试在我的Angular组件中初始化一个轮播。 我已经安装了Materialize-css，并在angular.json中安装了css和js。 CSS运行的很好，但是js不能运行，包括模态，旋转木马等等。一个sidenav在index.js中添加了M.AutoInit()。 这是component.html： <div class="row">
<div class="col l4 m6 s12" *ngFor="let field of fields">
<di
浏览 19提问于2020-09-12得票数 1
回答已采纳
1回答
我有一个有10个滑块元素的滑块。然而，在我的数据结构包含20个集合的情况下，10个元素中只有7个被渲染。该网站是托管的
有问题的代码
function populateCarousell(cdata) {
var x = 0; //debug
jQuery(".wslide-slides .wslide-slide").each(function() {
var single = cdata.shift();
var jcurrSlide = jQuery(this);
jcurrSlide.find("
浏览 0提问于2015-03-07得票数 1
我在使用Materialize-CSS carousel时遇到了一个问题。创建轮播的标准方法是： <div class="carousel">
<a class="carousel-item" href="#one!"><img
src="https://lorempixel.com/250/250/nature/1"></a>
<a class="carousel-item" href="#two!"><img
src=
浏览 11提问于2019-06-18得票数 0
回答已采纳
基本上，我有一个jQuery图像传送带，它是浏览器的整个宽度，所有东西在我的电脑上看起来都很好(分辨率1980x1020)。但是，在较小的分辨率下，旋转木马/图像根本不会调整大小，所以看起来很糟糕。我会发布截图，让它更容易解释，但我只是让我的账号来问这个问题，没有足够的‘名气’来发布图片。
基本上，页面上的每个元素都会相应地调整大小，因为它位于设置为width: 100%的包装器中，然后元素本身具有1100px和margin: 0 auto的最小宽度，因此当浏览器调整大小时，它保持居中。图像轮播的样式当然是不同的，因为轮播ul和图像都必须是宽度: 100%，所以我不确定该怎么做？
jQuery
浏览 3提问于2015-09-28得票数 0
1回答
我有下面的c#代码来在转发器中放置一个轮播控件：
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<asp:Repeater ID="Repeater1" runat="server">
<ItemTemplate>
<table cellpadding="0" cellspacing="0" class=
浏览 2提问于2013-02-02得票数 1
假设我有以下无序列表
<ul class="foo">
<li>
<div class="bar">
</div>
<div class="baz">
</div>
</li>
<li>
<div class="bar">
</div>
<div class="baz">
</div>
</li&g
浏览 0提问于2013-05-09得票数 2
我想实现一个淡入/淡出文本轮播，就像在的头上一样。
我看了看代码，似乎是用bootstrap完成的。
既然我真的不想只为了这个实现整个引导程序的事情，有没有办法用几行CSS和Javascript就能做类似的事情(我在JS中完全是新手)？
非常感谢您的帮助
我以网站的HTML为例：
<div id="carousel_fade_intro" class="carousel slide">
<div class="carousel-inner">
浏览 3提问于2014-12-25得票数 0
我正在使用react carousel和他们的演示代码。当我呈现组件时，指示器没有正确对齐：
我目前没有使用任何css，所以我不知道为什么会发生这种情况，除了包含在html页面上的cdn。任何帮助都将不胜感激。
> export default class Home extends Component { constructor(props) {
> super(props);
>
> this.state = {
> photoIndex: 0,
> isOpen: fal
浏览 0提问于2017-04-30得票数 2
这是我的主要组成部分，我是从迷你mongo数据库渲染av。我当前的问题是，当我将this.props.av发送到轮播中时，它不会加载。我确实注意到，道具只有在组件重新渲染自身之后才可见。在displayAvCarousel中，如果我传递avCarouselList数组，轮播将不会有任何问题。但是，我从静态数组更改为后端的数组时，加载轮播会出现问题。我不确定问题可能是什么。我在想，在挂载组件时，数据不会加载。有什么建议吗。谢谢
import React, { Component } from 'react';
import { Meteor } from 'meteor/
浏览 1提问于2018-09-05得票数 0
我有一个网站，让用户选择不同的布局基于引导。
当旋转木马位于导航栏上方时，一切正常(选择下面任何颜色主题的BannerFirst )。当轮播位于导航栏下方时，轮播的导航箭头与上面的导航栏重叠，使其不响应(选择HeaderFirst...)。
我相信一个简单的CSS技巧就可以解决这个问题。有什么想法吗？
浏览 1提问于2015-10-01得票数 0
我正在尝试挂接jQuery图像轮播图像上的单击事件，以便它更新同一文档中的选择列表，并设置"selected“选项以匹配在轮播中单击的项目。每个轮播图像上的"title“属性与选择列表中的至少一个选项匹配(标题总是唯一的)。
例如：
1)传送带图片标题为: image1、image2、image3
<div id="carousel">
<ul>
<li><img src='folder1/screenshot.jpg' title=image1 /></li>
<
浏览 0提问于2010-03-17得票数 0
回答已采纳
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://fotorama.s3.amazonaws.com/4.6.0/fotorama.css" rel="stylesheet">
<script src="http://fotorama.s3.amazonaws.com/4.6.0/fotorama.js"></
浏览 7提问于2014-08-12得票数 0
2回答
这是我的HTML标题：
<!-- Bootstrap css -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- Jquery slick plugin -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1
浏览 0提问于2016-11-10得票数 0
我正在使用bootstrap carousel来播放图像幻灯片。当在ipad上观看某些图像时，我试图隐藏这些图像。但是，当我使用.hide-sm时，它会隐藏图像，但会导致空白区域。我如何才能只隐藏图像，没有空格？我尝试使用id，然后对id标签执行display:none，但效果不佳。
同样使用hidden-sm，覆盖"active“，它将成为轮播加载时看到的第一个图像。
谢谢。
HTML：
<div class="carousel-inner">
<div class="item active">
浏览 3提问于2015-07-27得票数 1
我正在建立一个模型网站，并能够建立起到目前为止的基本框架。
#hero {
background: url("https://picsum.photos/1280/710") no-repeat center;
background-size: cover;
}
.book {
height: 100px;
width: 100px;
bottom: 9vh;
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
浏览 1提问于2018-01-22得票数 2
对于jQuery，有没有一种方法来代替文档准备就绪，只要这个项目可见，是不是XXXXXXX？
原因是我有一个有3个面板的应用程序。默认情况下，第一个面板是隐藏的，并且有一个旋转木马。如果轮播在不可见时启动，则轮播将中断。所以我想说，一旦carousel或div可见，就启动carousel。
谢谢
浏览 2提问于2010-12-23得票数 2
回答已采纳
我已经创建了一个JQuery文本轮播插件，这在Mozilla中工作得很好，但在IE中，文本滚动一次，然后停止，代码如下：
JQuery文本轮播插件
(function($) {
$.fn.testimonialRoller = function(settings) {
var defaults =
{
};
settings = $.extend(defaults,settings);
var divHidden = $("<div/>");
$(this).append(divHidden);
$
浏览 2提问于2012-01-11得票数 0
回答已采纳
1回答
我在这里使用了2个转盘，第一个是幻灯片转到文本，第二个是在移动框架内导航图像，但两者都不是同时滑动的，如果它将通过导航器导航，那么mov live on 我已经在这里使用了引导转盘，如果你有任何其他的转盘，这种类型的别名，请提前帮助我谢谢
$(function(){
$('.carousel-sync').on('slid.bs.carousel', function(ev) {
$('.carousel-sync').removeClass('sliding');
});
浏览 0提问于2014-05-23得票数 0
我正在创建一个网站，在那里我希望最新的帖子沿着导航栏下的页面顶部旋转。我使用Bootstrap做主题，Owl-carousel做旋转木马，Wordpress做帖子等等。当我以这种方式使用Wordpress时，我仍然是一个新手，希望能得到一些帮助！
我尝试过使用<?php if (have_posts()) : while (have_posts()) : the_post(); ?>填充轮播，我推测它之所以创建3个独立的轮播而不是填充第一个轮播，是因为这个原因，但我不确定如何修复它。
<div class="container">
<
浏览 20提问于2019-08-09得票数 0
1回答
CSS转换未执行
、、、、
我目前正在尝试在一个轮播类型的容器中设置两个div元素的动画。以下是显示在DOM中的标记：
<div id="transitioner" style="width: 2880px; height: 775px; left: -1440px; ">
<div id="view1" class="view active" style="width: 1440px; height: 775px; ">
<header>
<h1>
浏览 0提问于2012-07-20得票数 0
回答已采纳
我有一个轮播，我想在动态轮播中进行更改，html结构如下：
<div class="item active">
<div class="col-md-3">demo</div>
<div class="col-md-3">demo</div>
<div class="col-md-3">demo</div>
<div class="col-md-3">demo</div>
浏览 1提问于2018-07-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
