html5背景轮播 - 腾讯云开发者社区

文章/答案/技术大牛

发布

1回答

在旋转木马/滑块中播放特定幻灯片图像上的音频剪辑？

jquery

我有一个基本的滑块与3图像。在这3个图像中，我有一个动画gif，它也有一个音频剪辑链接到它。我希望只有当动画gif幻灯片出现时才能播放音频剪辑(音频剪辑只有3秒长)。在jQuery中我该如何处理这件事？<div id="carousel-main" class="carousel slide"> <div class="active item"> <img src="image-1.j

浏览 8提问于2013-04-16得票数 0

1回答

HTML5视频，滚动时暂停

javascript、jquery、html

我正在构建一个HTML5视频作为背景，它可以像这个优秀的一样使用鼠标滚轮播放。现在我想通过在滚动的同时暂停它来增强它，然后在我滚动了一定的量之后再开始播放它。

浏览 3提问于2014-11-05得票数 0

1回答

计算偏移位置

html、raphael、slideshow

我正在尝试用js和HTML5实现线性轮播。我需要计算屏幕上当前触摸的偏移量(dx)的问题。

浏览 0提问于2012-01-11得票数 0

回答已采纳

1回答

如何更改与我的jquery carousel的相同图像匹配的<body>背景图像？

html、css、jquery-ui、javascript-events

我一直在尝试使用一个简单的jquery carousel，我所需要的就是根据我的carousel中的图像来改变我站点的背景图像。这对我来说是个挑战。提前感谢！

浏览 1提问于2011-03-24得票数 1

3回答

背景图像轮播

javascript、jquery、html、css

我试图创建一个简单的网站，只包含一个旋转木马内的背景图像，将从左到右移动，与方向箭头。我找到了一个资源，它提供了一个简单的示例，但是当我尝试复制他们的模型时，脚本似乎没有定义自己。

浏览 3提问于2013-03-01得票数 1

1回答

以下一代格式提供图像:后备图像？

image、performance、safari、pagespeed、webp

正如谷歌建议的页面性能，我正在将webp图像添加到我的项目中。但是，我知道Safari不支持这种图像类型，所以我尝试为Safari用户添加一个备用的png图像。我使用了下面的设置。这是一种退路，但现在谷歌告诉我，我再次使用了错误的图像类型。这是不是正确的设置？ <div class="carousel-item" url('https://i.imgur.com/fVmGtb3.png')"

浏览 18提问于2019-09-07得票数 2

1回答

bootstrap carousel的指示器背景色填充动画

javascript、jquery、html、css、twitter-bootstrap

我正在尝试创建一个动画轮播指示器，用每个活动carousel-item上的计时器填充它的背景！到目前为止，这是我的代码，但它不能正常工作。我找不到任何类似的例子！

浏览 3提问于2018-06-28得票数 1

1回答

打开遇到轮播页面现实的网页这种，整个系统就超级卡基本操作不了，比如我什么都不打开进入360浏览器官网有轮播banner 就会很卡?

弹性网卡、浏览器、系统

打开遇到轮播页面现实的网页这种，整个系统就超级卡基本操作不了，比如我什么都不打开进入360浏览器官网有轮播banner 就会很卡

浏览 567提问于2023-09-01

1回答

在使用react-native-snap-carousel时，是否根据内容大小设置itemHeight(用于垂直轮播)？

reactjs、react-native、carousel、native、react-native-snap-carousel

我正在尝试使用react-native-snap-carousel实现垂直轮播，我想要的是一个垂直轮播，根据react-native-snap- carousel itemHeight文档的content.As，它具有不同的轮播高度，而当涉及到垂直轮播时，sliderHeight是必需的。

浏览 9提问于2020-05-28得票数 0

1回答

React JS在带有reactstrap页面中多次使用引导转盘

html、node.js、reactjs、bootstrap-4、reactstrap

我很难在一个页面中多次使用bootstrap carousel。我已经尝试了很多拷贝作为新的项目，但它总是显示错误。 https://reactstrap.github.io/components/carousel/ <CarouselItem onExited={() => setAnimating(false)}> <CarouselCa

浏览 11提问于2020-08-22得票数 1

回答已采纳

3回答

Bootstrap :是否可以在carousel上添加搜索表单

html、css、twitter-bootstrap-3

我使用的是Bootstrap 3，我刚刚创建了带有carousel滑块的主页。它工作得很好。我必须在页面上添加一个搜索表单。我想知道是否可以在carousel上添加搜索表单。因此，即使旋转木马图像发生变化，表单始终保留在当前幻灯片上(就像在web Air b和b上一样)，在Bootstrap 3中可能吗？谢谢

浏览 2提问于2014-01-28得票数 0

1回答

Twitter Bootstrap中本地轮播的背景更改轮播帮助

jquery、css、twitter-bootstrap、fadein、fadeout

我正在尝试在推特Bootstrap中制作第二个旋转木马(具有解决方案和所有内容，并具有不断变化的背景颜色)，如以下所示:- 我不确定背景变化部分是如何处理的。你们能帮我一下吗。

浏览 1提问于2013-06-28得票数 1

4回答

库项目重叠(出血)

android、gallery

我的缺点是，一旦我开始滚动到下一个图像，我的图库中的图像就会相互渗入。适配器的GetView()方法如下所示 ImageView i = new ImageView(mContext); if (mImageBitmap != null && position < mIma

浏览 5提问于2010-10-21得票数 12

回答已采纳

1回答

导航栏轮播项目背景颜色

javascript、jquery、html、css、twitter-bootstrap

我在同一部分中有一个导航栏和carousel，我想要的是当carousel指示器激活时，它会改变导航栏和carousel项的背景色，你有什么想法如何使用jquery函数来做到这一点吗？

浏览 15提问于2017-02-21得票数 0

1回答

下午好。我在应用程序中使用的ICarusel。我有一个图像，这是加载为图像视图。图像恰好放在中心位置。请告诉我如何在不移动其余内容的情况下将图像移动到只有50像素？- (UIView *)carousel:(iCarousel *)carousel viewForItemAtIndex:(NSUInteger)index reusingView:(UIView *)view NSString *docDir = [NSHomeDirectory() stringByAppendingPathComponent:@"Library/Caches&

浏览 1提问于2013-10-19得票数 0

1回答

iCarousel间距不平滑

ios、swift、image、spacing、icarousel

我正在尝试创建一个“上传图像”系统，并且我正在尝试调整每个图像之间的间距。然而，它并没有按计划进行，因为当旋转木马停止移动时，由于重叠，图像总是必须移到前面。我如何才能停止这种重叠？谢谢! if option == .visibleItems { } else if option

浏览 1提问于2016-09-28得票数 0

1回答

寻找与暴雪类似的jQuery旋转木马

jquery、html、css、carousel

在花了几个小时测试后，我意识到这是因为这些插件依赖于容器具有固定宽度，导致当轮播宽度大于浏览器宽度时出现水平滚动条。我想知道是否有一个轮播使用类似的代码结构，并通过CSS嵌入图像作为div的背景： <div class="slide"> <div class="content

浏览 2提问于2012-09-19得票数 0

回答已采纳

1回答

jquery carouFredSel -2个滑块的一个分页控件

jquery、caroufredsel

我使用carouFredSel作为我的滑块。我希望只有一个控件分页。$("#pager2").click(function() { });我在这里只找到了“上一页”和“下一页”按钮。

浏览 3提问于2014-01-19得票数 2

1回答

添加视频到AngularJs图像滑块(ui.bootstrap.carousel)

javascript、css、angularjs、twitter-bootstrap

我正在开发使用AngularJS的网络应用程序，我有一个要求，应该有一个图像滑块，其中包括图像和视频。有没有人能给出一个线索...<div ng-controller="homeController"> <div uibcarousel active="active" interval="myInterval nowr

浏览 22提问于2016-09-27得票数 2

1回答