带有z索引的JavaScript和CSS Carousel/幻灯片放映
带有z索引的JavaScript和CSS Carousel/幻灯片放映是一种在网页上展示图片或内容的交互式组件。它通过自动或手动切换幻灯片来吸引用户的注意力，并提供了一种可视化的方式来展示多个内容。
这种Carousel/幻灯片放映通常使用JavaScript和CSS来实现。JavaScript用于处理幻灯片的切换、动画效果和用户交互，而CSS则用于定义幻灯片的样式和布局。
优势：
- 提升用户体验：Carousel/幻灯片放映可以吸引用户的注意力，提供一种动态和交互式的方式来展示内容，从而增强用户体验。
- 多样化的展示方式：通过设置不同的切换效果、布局和样式，可以实现多样化的展示方式，适应不同的设计需求。
- 节省空间：幻灯片放映可以在有限的空间内展示多个内容，节省页面空间，同时提供更多的信息展示。
应用场景：
- 网站首页：可以在网站首页使用Carousel/幻灯片放映来展示最新产品、特别优惠或重要信息，吸引用户的注意力。
- 产品展示：在产品页面中使用Carousel/幻灯片放映来展示产品的不同角度、功能特点或使用场景，提供更全面的产品展示。
- 新闻资讯：在新闻资讯网站中使用Carousel/幻灯片放映来展示热门新闻、推荐文章或图片新闻，吸引用户点击阅读。
- 广告宣传：可以在网站的侧边栏或其他页面位置使用Carousel/幻灯片放映来展示广告宣传内容，提高广告的曝光率。
推荐的腾讯云相关产品： 腾讯云提供了一系列与云计算相关的产品，以下是一些推荐的产品：
- 腾讯云对象存储（COS）：用于存储和管理幻灯片放映所需的图片、视频等静态资源。链接：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供稳定可靠的云服务器，用于部署和运行幻灯片放映的后端服务。链接：https://cloud.tencent.com/product/cvm
- 腾讯云内容分发网络（CDN）：加速幻灯片放映中的静态资源访问，提高用户体验。链接：https://cloud.tencent.com/product/cdn
- 腾讯云域名注册：用于注册和管理网站的域名，方便用户访问幻灯片放映所在的网站。链接：https://cloud.tencent.com/product/domain
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估。
相关·内容
1回答
我有一个事件，我想在幻灯片放映完成后隐藏，而不是动画。
这是我想要显示和隐藏的项目的css
.myitem{ font-size: 36px;
position: absolute;
top: -21%;
left: 36px;
background: #000;
color: #fff;
padding: 11px 26px;}
这就是我使用的回调
$('#slider').flexslider({
controlNav: false,
animation: 'slide',
animationLoop
浏览 0提问于2015-02-01得票数 0
2回答
我想要一种不同的幻灯片。我尝试了bootstrap carousel和许多其他幻灯片放映，但它们只包含一张图片，而我的问题是我想要多张照片。
有没有任何幻灯片放映或任何想法导致这样的幻灯片放映？谢谢。
浏览 2提问于2015-12-22得票数 4
回答已采纳
1回答
我是new.when，我使用引导幻灯片和owl，然后引导幻灯片放映，使用owl，，CSS，，如何使用它。
旋转木马项目。
<div class="carousel">
<div class="item1">
<img src="images/item.png" >
</div>
<div class="item1">
<img src="images/item.png" >
<
浏览 0提问于2016-05-31得票数 0
当页面加载以创建幻灯片放映时，我正在尝试获取div向下滚动到其最后一个子级的动画。 下面是div本身 <section class="carousel" id="carousel">
<div class="images-container">
<a href="#"><img src="img/berlin1.jpg" alt="pic 1" class="auto-resize"></a>
<
浏览 15提问于2020-04-06得票数 0
回答已采纳
14回答
我有一个幻灯片放映div，并且在该div上方有一个日期选择器字段。
当我单击datepicker字段时，datepicker面板显示在幻灯片显示div后面。
我把脚本写成：
所以我不能在CSS中改变datepicker的z索引。脚本生成的datepicker的z-index是1，而我的幻灯片div(也称为googleajaxapi) z-index是5。所以我想我必须将date picker的z-index增加到大于5。那么有什么方法可以增加它吗？
有人能帮我吗？
浏览 0提问于2011-08-12得票数 110
回答已采纳
0回答
引导转盘缩放转换
、、、
我在Bootstrap carousel中有图像，作为过渡效果，我想缩放活动图像，然后显示下一个图像。像这样- ，但只有在活动幻灯片缩放的情况下。
我尝试更改Bootstrap的css，但这不会缩放活动幻灯片，而是下一张幻灯片。
.carousel-inner .item{
transition-property: transform;
transform: scale(1);
}
.carousel-inner .item.active{
transform: scale(1.5);
}
/* turning off the default transition effect
浏览 9提问于2016-07-04得票数 1
1回答
我的网页中有多个div。有一个javascript幻灯片放映，我在幻灯片上放了一个菜单，并定位了div绝对。我已经用z索引对订单进行了格式化。它们在firefox中工作得很好，但Internet Explorer不能在上面工作。解决方案是什么？
提前谢谢。
浏览 6提问于2011-02-23得票数 2
回答已采纳
2回答
可以用以下代码在jQuery中设置引导轮的间隔：
$('.carousel').carousel({ interval: 1000 * 10 });
我的问题是：
我怎么才能得到间隔？
我的意图是使用默认的时间间隔启动旋转木马，并在每次转换后放慢它的速度。这样，人们就会马上说有幻灯片放映，但随着幻灯片放映速度的放缓，人们有越来越多的时间去阅读字幕。
谢谢。
浏览 3提问于2016-05-12得票数 0
回答已采纳
我想创建幻灯片放映，以显示任何图像在有限的空间。我也不想用javascript。如何只用html和css创建幻灯片？
浏览 2提问于2010-06-17得票数 5
2回答
我有以下问题。我想用javascript写我自己的幻灯片。所以这个想法是把许多图像(具有相同的宽度和高度)放在一起，然后通过javascript改变它们的不透明度。但是为了将一个图像放到另一个图像上，我需要使用绝对位置(是吗？)。因此，我无法跟踪相对位置(例如，在表格中)。
其思想是获取父元素的位置，在其中放置(重影)一个不透明-0图像(以获取表的所有缩放)，并将图像的绝对位置设置为该位置。到目前一切尚好。但是，如果表格中有多个幻灯片放映，那么其他幻灯片放映会混乱地放在页面上。之所以会发生这种情况，是因为第一次放映幻灯片后，表块的位置发生了变化。不幸的是，获取元素位置的函数总是在通过javas
浏览 4提问于2011-06-09得票数 0
回答已采纳
1回答
我需要改变幻灯片在SJ Carousel中显示的时间。这不是过渡或衰退的时候。我说的不是从一张幻灯片到下一张幻灯片所需的时间，而是幻灯片放映的时间。
我该怎么做？我读过类似的论坛，没有任何帮助。我确实更改了Joomla中的CSS文件中的代码，以及定义为1秒而不是0.6的bootstrap.min文件中的代码，但这只会改变从一个幻灯片到另一个幻灯片的转换时间.
carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in
浏览 5提问于2014-11-04得票数 1
回答已采纳
<script>
var pics = [
"image/city (1).jpg",
"image/city (2).jpg",
"image/city (3).jpg",
"image/city (4).jpg",
"image/city (5).jpg",
"image/city (6).jpg",
"image/city (7).jpg",
"image/city (8).jpg&#
浏览 1提问于2020-03-19得票数 0
回答已采纳
我试图将prev和下一个幻灯片放在带有CSS的Bootstrap Carousel中，但是Bootstrap.js (3.1.1版)在剥离和添加active类(取决于您滑动的方式)之前，似乎只是非常简短地将prev或next类添加到相邻的幻灯片中。为了定位prev和下一个幻灯片(而不是序列中的其他幻灯片)，我希望将next类添加到下面的幻灯片中，并将“prev”类相对于当前幻灯片添加到prev幻灯片中，并将它们保持在那里直到幻灯片更改：
，下面是使用的javascript：
<script>
$(document).ready(function() {
$("
浏览 1提问于2014-08-27得票数 0
2回答
我在一个网站上工作，我想有一个Javascript图像幻灯片作为背景。
幻灯片播放工作，我得到了HTML和CSS的部分，这是应该坐在它的顶部，以及准备好。但我就是想不出怎么把这两者结合起来。我试着使用正z指数和负z指数，但都不起作用。有没有办法将Javascript幻灯片设置为背景，这样就不会影响我的HTML和CSS？
浏览 4提问于2016-01-08得票数 0
1回答
滑靴旋转木马中的高度和宽度比分区
、、、、
我正在使用。
我想当刷新页面或我点击按钮，我得到父母的高度和宽度div。
，例如
我要得到id "data_3“中的父级高度和宽度div
当显示幻灯片3时，我已经得到id "data_3“中的父级高度和宽度div，但当幻灯片1或幻灯片2或其他幻灯片再次单击按钮时，我无法在id "data_3”中获得父级高度和宽度div。
我想得到父母的高度和宽度div在id "data_3“在其他幻灯片旋转木马(不仅仅是幻灯片3)，我是困惑的修复这一点。
这是我的代码
<!DOCTYPE html>
<html>
<head>
&l
浏览 5提问于2017-02-10得票数 1
回答已采纳
我正在使用jQuery-cycle来驱动我的一个幻灯片放映，而应用于容器div的边框半径属性不能像预期的那样工作：“查看内容”幻灯片有圆角，其他幻灯片没有圆角。
#carousel {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
我的循环初始化代码：
$('#carousel').cycle( {
speed: 400,
startingSlide: 1,
speedIn:null,
speedOut:nu
浏览 0提问于2011-06-07得票数 1
回答已采纳
我在我的页面上有一个搜索系统，一个幻灯片放映和一个用js运行的carousel，但carousel没有运行：
搜索从以下位置开始：
$('document').ready( function() {
$("#search_query_top")
幻灯片以以下内容开头：
$(window).load(function()
{
init_slideshow()
})
旋转木马的开头是：
jQuery(document).ready(function() {
$("ul.carruselhome"
浏览 0提问于2012-09-10得票数 0
我在自己的css文件'style.css‘中尝试了以下代码。但它不起作用。幻灯片效果不会改变，如果我给了所有这些css的重要性，那么前面的幻灯片过渡也不起作用。
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacit
浏览 0提问于2014-07-29得票数 0
实时幻灯片放映
以下样式可在除IE 11以外的所有浏览器中正确调整幻灯片的大小。.img-responsive是应用的选择器。
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
display: block;
max-width: 100%;
height: auto;
}
宽度可以使用max-width:100vw校正，但是元素上的javascript内联设置的容
浏览 1提问于2017-02-18得票数 0
回答已采纳
W3Schools有很棒的，带有淡入淡出和优雅的css，我想在我的项目中使用，并且作为一个单独的幻灯片效果很好。谁能告诉我如何修改这个脚本，以允许在一个页面上的多个幻灯片放映，这些幻灯片彼此独立运行？
浏览 0提问于2017-01-08得票数 0
我正在使用一个简单的jquery图像幻灯片，它工作正常，但问题是，我想放置一个小图像在幻灯片上，该图像应该是透明的带下划线的图像幻灯片放映，但我试图将图像幻灯片放在一个大的Div和一个小的div的图像与在相同的幻灯片显示div，但幻灯片放映工作正常，但我看不到它上面的半透明图像有较少的不透明度.So好心帮助我解决这个问题......这是我放置这两个div的方式......
<div class="logo">
<img src="imag/header1.png" alt="" height="100%"
浏览 3提问于2012-01-30得票数 0
1回答
我在一个手机，平板电脑和台式机的网站上工作。这个网站的桌面布局有一个旋转木马，它在html中定义如下：
<div id="carousel">
<div class="carousel-slide carousel-slide-active">
</div>
<div class="carousel-slide">
</div>
</div>
类旋转木马-幻灯片定义了旋转木马的幻灯片，旋转木马-幻灯片-活动，幻灯片正在显示(由Javascript控制)。
对于
浏览 2提问于2013-10-02得票数 0
回答已采纳
1回答
我正在创建一个幻灯片放映在JavaScript中，并希望定位的控制(下一个和上一个按钮)相对于图像，使它是从图像顶部的50%。
这是我的HTML：
<div id="slideshow">
<figure>
<img src="https://c4.staticflickr.com/8/7495/16322256485_08ee0ee36f_z.jpg" />
<figcaption>This is an example of
浏览 1提问于2015-06-18得票数 0
1回答
所有图像内容都显示在div中
、、、、
我有一个图像的幻灯片放映，但图像并不完全显示。我该如何解决这个问题呢？我想要显示的图像，无论它的高度。这张图片显示了我的问题。这是出现在我的幻灯片中的图像的一部分
html,
body {
height: 85%;
}
.carousel,
.item,
.active {
height: 100%;
}
.carousel-inner {
height: 100%;
}
/* Background images are set within the HTML using inline CSS, not here */
.fill {
width: 100%;
浏览 3提问于2016-08-20得票数 0
回答已采纳
1回答
我正在将圆滑的旋转木马动态加载到页面中。我不知道每个旋转木马可以使用的幻灯片总数。硬编码可以很好的工作，但是，我希望它动态地将"slidesToShow“设置更改为最多3。如果它是2或1，我希望它返回1。
我成功地使用了一个循环来获得每个滑块，如下所示：
$(".carousel").each(function(index){
//set each carousel/slider
$(this).slick()....
})
我可以使用init获得每个滑块的幻灯片总数：
$(this).on("init", function(event, sli
浏览 0提问于2018-11-14得票数 0
1回答
Owl旋转木马： Wow.js：
我正在使用Owl Carousel和Wow.js
我正在尝试创建一个幻灯片放映，当幻灯片处于活动状态时，每个幻灯片的内容都会有动画效果。目前，所有内容的动画都会发生，即使它所在的幻灯片不在屏幕上。Wow.js似乎只能识别幻灯片本身是可见的，并激活所有动画
有没有办法更改它，使动画只在其包含的幻灯片在屏幕上可见时才在内容上出现？
浏览 7提问于2015-03-15得票数 1
我有一个引导4幻灯片放映，我需要使用以下属性为每个幻灯片设置图像：
background-image: url('https://res.cloudinary.com/XXX')
下面是我的代码，然后我将解释什么是奇怪的：
<div id="home-showcase-carousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class
浏览 2提问于2020-10-26得票数 1
我已经用addClass和removeClass制作了一个幻灯片，但是滑块没有效果。所以我想在addClass和removeClass方法上添加一些效果。
$('#button-next').on('click', function () {
$('#big img').css({
'display': 'none'
});
var currentActiveImage = $('.image-shown');
var nextActiveImage
浏览 0提问于2014-08-05得票数 0
1回答
我需要在一页2自动幻灯片放映，但有一个问题。我使用的是W3幻灯片，但如果我将其设置为自动播放，它们在一次旋转后就会停止显示。 以下是代码。我试着改变，但我不确定我做错了什么。如果你能帮我的话。 var myIndex = 0;
carousel();
var slideId = ["mySlides1", "mySlides2"]
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides", "mySlides2")
浏览 13提问于2019-07-03得票数 0
回答已采纳
4回答
我试着运行这段代码来制作3张图片的幻灯片，但是它不能正常工作。幻灯片放映一次，然后就停止了. 下面是我的JavaScript，CSS和HTML，如果你运行代码片段，你会看到幻灯片只运行一次。 HTML基本上声明了一个带有幻灯片的容器div，作为带有特定背景图像的div。(对于这个问题，我将图像更改为颜色，以便您可以看到实际的幻灯片) CSS声明幻灯片的每个图像的位置，无论它是在普通视图中还是在隐藏状态。 JavaScript在幻灯片之间循环，给每个幻灯片一个“隐藏”类，当它们应该移出视图时。最后，它通过删除所有“隐藏”类返回第一张幻灯片。 我非常确定问题出在setTimeout函数的Java
浏览 76提问于2016-08-05得票数 1
回答已采纳
我有一个推特引导3旋转木马没有指示按钮。而不是那些指示按钮，我使用选项卡(在我的CSS中相应的样式)。这样，用户就可以知道每一张幻灯片是什么(基于标签)，所以更容易找到他感兴趣的幻灯片。
HTML如下所示：
<div class="carousel slide" data-ride="carousel" id="whatIsCarousel">
<div class="carousel-inner">
<div class="item active"&
浏览 7提问于2014-02-24得票数 1
回答已采纳
等等，这个问题不是duplicated..it样本，同时也是难点。
这个简单的问题让我抓狂。
http://www.mediafire.com/?2vi2kc7tpqiw1to
这是幻灯片代码，包含CSS，HTML，jQuery代码。
这个幻灯片运行得很好，但是当我在cakephp中包含这个幻灯片时，它就不工作了。
我将jQuery文件和CSS放在webroot中，并将代码放入布局/default.ctp中，如下所示
echo $javascript->link('jcookie.js');
echo $javascript->link('jquery-1.
浏览 2提问于2011-11-19得票数 0
1回答
我已经创建了一个幻灯片页面的大文件图片使用HTML5和CSS。问题是它们需要大约一分钟的时间来加载。如果图像尚未完全加载，幻灯片放映将不会转到下一张幻灯片。
我想添加一个进度条，当用户在后台加载时可以看到它。
这是代码的基础：
有什么建议吗？
我的JavaScript知识非常有限，这就是为什么我试图找到HTML5和CSS3的答案。
浏览 5提问于2012-12-05得票数 0
1回答
在页面加载时激活在线幻灯片放映
、、、、
我正在"WYSIWYG web Bulider“上工作我的网页，在主页上我有内联框架，当我点击这个内联框架时，另一个页面就会打开，上面有在线幻灯片。我希望当该页面打开时，自动触发在线幻灯片放映。可能我需要一些javascript代码来实现，但我不熟悉编码。
测试网页目前使用的是克罗地亚语，但只需单击图片
这是网页的html代码与在线幻灯片放映
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>exteriors</title>
&
浏览 0提问于2014-04-11得票数 0
2回答
我现在用光滑来做一个旋转木马。
我现在有两个问题，让我们从第一个问题开始。
1)
我目前正在使用一个滑块，其中我想显示3张幻灯片:当前图像(Spyro)，前一个幻灯片(崩溃)和下一个幻灯片(Tekken)。
如您所见，虽然当前幻灯片正确地与前一个幻灯片(Spyro >崩溃)重叠，但下一个幻灯片与当前幻灯片(Tekken > Spyro)重叠。
，当然，我希望当前的幻灯片在他们两人之上.我怎样才能解决这个问题？
我在接下面的密码。
App.js
import "./App.css";
import { useEffect, useState } from
浏览 0提问于2021-06-10得票数 0
我正在创建一个网站，必须以滑块显示产品。我使用一个显示和一个显示在一个page.multi项目幻灯片显示有一个css类。当我将这类参考添加到页面时，简单的旋转木马幻灯片放映中断和多项幻灯片显示不能正常工作。
当我删除多项幻灯片显示css参考简单旋转木马幻灯片工作正确。
我使用了多项幻灯片显示，它不需要css文件和工作功能，但是这个多项目幻灯片显示不支持响应性原则，我不想使用这种多项幻灯片显示。
我把我的纯引导css Carousel代码与多项幻灯片显示css文件冲突，如何解决这个问题。
更新
我在下面附加了代码片段d:这是我在_SharedView页面中的头标签
<link href=&
浏览 1提问于2019-08-29得票数 0
一般来说，我对jquery和javascript非常陌生，所以如果这是一个简单的问题，很抱歉。任何帮助都将不胜感激。我有一个幻灯片自动分页，我想要它，所以当你点击控制器(#thumbs li)时，放映暂停。下面是JS：
<script type="text/javascript">
var currentImage;
var currentIndex = -1;
var interval;
function showImage(index){
if(index < $('#bigPic div').length){
浏览 1提问于2011-07-01得票数 0
回答已采纳
2回答
包含文件夹中的图像的幻灯片
、、、、
所以我想做一个幻灯片放映，把图片从文件夹中拿出来，而不是硬编码。
现在我得到了类似这样的东西：
<img class="images" src="slideshow/slide0.png">
<img class="images" src="slideshow/slide1.png">
<img class="images" src="slideshow/slide2.png">
<img class="images" src="sl
浏览 0提问于2016-10-21得票数 2
我正在构建一个轮播/幻灯片放映类型的小部件，它在3个引号之间旋转。假设标记如下所示：
<div class="carousel">
<blockquote>...</blockquote>
<blockquote>...</blockquote>
<blockquote>...</blockquote>
</div>
我希望这三个引号重叠在适当的位置，然后我将转换它们的opacity属性以创建淡入/淡出转换。我的CSS看起来像这样：
.carousel{
positi
浏览 0提问于2014-10-24得票数 4
在使用jQuery/jQueryUI等库的幻灯片放映中，拆分幻灯片并分散片段以使当前幻灯片消失是很常见的。我很好奇用Javascript做这件事的诀窍。我的意思是纯JS来理解这个过程，而不是使用可用的库来实现。
当我在互联网上搜索时，Javascript分割图像的一种常见方法是将图像设置为背景，并通过CSS显示片段，但我怀疑这是用于创建幻灯片效果的方法。
Javascript如何拆分图像/幻灯片？
浏览 3提问于2013-01-09得票数 1
谁能推荐一个好的javascript代码来实现幻灯片放映，这样幻灯片放映的所有元素都是在或数组中声明的。我希望它使用纯javascript而不是使用jQuery
浏览 2提问于2012-05-25得票数 0
1回答
Vue.js:过渡组动画不起作用
、、、、
我有一个滑块编写为一个过渡组组件：
<template>
<div class="carousel-view">
<transition-group name="carousel-transition" class="carousel" tag="div">
<div v-for="(slide, index) in slides"
:key="index"
class="slide">
浏览 1提问于2019-03-25得票数 3
回答已采纳
我正在寻找一个好的jquery幻灯片放映，让你把自定义代码。请注意，自定义代码非常重要。我所说的自定义代码是指，您有常规的幻灯片放映，并且每张幻灯片都有一张带有自定义HTML代码的图片，如按钮、标签和其他html元素。谢谢!
浏览 0提问于2011-12-01得票数 1
回答已采纳
4回答
(对不起，我的英语不好)
我想用javascript改变我的幻灯片背景css，例如当幻灯片显示第二张图片时。
这是我的页面链接：
和源代码：
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators" style="list-style: none;">
<li class="active" data-target="#myCarousel" data-slide-to
浏览 0提问于2013-08-08得票数 0
我正在动态创建带删除选项的引导旋转木马幻灯片，如删除项目1，删除项目2等等。新创建的幻灯片。
对于示例:如果我删除删除第3项，则第三张幻灯片将正确删除带有相关元素的alogn。在添加新幻灯片时，也应应用相同的方法(数字重新排序)。
在删除和添加新幻灯片时， 应该发生
按钮文本应重新排序为删除项目1，删除项目2，删除项目3，删除项目4<代码>E 219</code>等等。代替5Carousel 1，2，4，项目图像文本(幻灯片1，幻灯片2，幻灯片3)
$(window).load(function() {
$('#carousel-exampl
浏览 5提问于2020-11-19得票数 0
回答已采纳
总是第一张幻灯片就是放映，但我不想总是第一张幻灯片。
我想当一个光滑的幻灯片项目有一个复选框和复选框被选中。在第一次加载时，应显示复选框滑块项。
我的问题是星期三的活动是在幻灯片中签入的。但是，用户无法在第一次加载时看到选中的事件。假设这个标记：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
浏览 4提问于2022-04-01得票数 0
回答已采纳
1回答
在通过JavaScript将CSS3过渡应用到幻灯片放映时，我感到非常头疼。
基本上，JavaScript获取幻灯片中的所有幻灯片，并将CSS类应用于正确的元素以获得良好的动画效果，如果没有CSS3过渡支持，它将只应用样式而不应用过渡。
现在，我的“小”问题。所有的工作都像预期的一样，所有的幻灯片都获得了正确的样式，代码运行没有bug(到目前为止)。但是，即使应用了正确的样式，指定的过渡也不起作用。此外，当我自己通过检查器应用样式和过渡时，它们也会起作用。
既然我自己找不到一个合理的解释，我想这里有人可以回答这个问题，好吗？
我现在提供了一个小示例来说明代码是什么：
浏览 1提问于2011-11-21得票数 1
1回答
我的引导旋转木马有4张幻灯片，它们都有动画图表，但动画只能在第一张幻灯片中看到。如何确保其他3张幻灯片的图表动画也被看到？
代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="trycarousel.aspx.cs" Inherits="trycarousel" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
浏览 0提问于2015-02-19得票数 0
我已经修改了旋转木马中的引导箭头图标的html，使其成为prev和next的超链接。我遇到的问题是，当旋转木马在一个小屏幕上时，附加在旋转木马内部的元素(参见代码，附加是用d3完成的)似乎与左边的字形图标重叠，并且它不能用于转到上一张幻灯片。如果屏幕较大，则不会出现这种情况。(请注意，它们最初是隐藏的，但我在构建页面时显示它们)尽管我将prev和next绑定到键盘箭头，但这仍然会使一些用户感到困惑。我尝试确保向左箭头在CSS中分配一个位置，然后在页面上指定最高的z值，但它仍然不起作用。有没有其他方法来实现这一点呢？
<div class="carousel-wrapper"
浏览 2提问于2014-08-13得票数 0
但是，我一直试图调整下面的代码来与我的CSS3滑块(动画和带有关键帧的时间)进行集成，因为在对同一个元素使用css3动画时，您不能在js中使用.animate，所以我要么必须使用其中一个元素，要么必须使用另一个元素。
当前的js可以在幻灯片中导航，我唯一的问题是它不会“滑动”到它跳过的每一张幻灯片。
我真的很想保持幻灯片的原样，只想更新我的js，以便幻灯片转换工作。我对js不是很好，所以我一直觉得很难找到解决方案。如果有人能给我一些建议或解决我的问题，这将是真正的感激。
JS
//grab the width and calculate left value
var item_width
浏览 2提问于2014-03-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
