这个应用程序之前的尝试是在jqtouch中完成的，这个效果效果很好。我真的很难包装我的头如何最好地做这与sencha触摸。
我的情况在这张图中描述得最好。
这只是一个项目，应该填充一个轮播，所以重用它与不同的数据是最重要的(没有硬编码的html)。
谢谢
浏览 1提问于2012-06-08得票数 1
回答已采纳
我有一个旋转木马在一个模式，我试图“重置”它时，用户点击解散按钮。
在carousel中，用户将执行一些单击操作，这些操作将更改carousel中的图像。我正在尝试实现的功能是，当用户单击dismiss，然后单击切换模式按钮时，轮播中的所有原始元素都将恢复，并且轮播将从幻灯片1开始。
我看过其他帖子建议使用这个功能，但它没有给我想要的效果：
$("#myModal").on('hidden.bs.modal', function () {
$(this).data('bs.modal', null);
});
我不会在这里张贴任何代码，我
浏览 0提问于2014-01-23得票数 0
1回答
我希望做一个响应式的html内容轮播。如下图所示。
尝试使用jQuery Cycle2，但无法达到我想要的效果。在寻找能够做到这一点的插件时，我认为最简单的解决方案可能是尝试使用纯JavaScript/jQuery。
找到了这个主题现在我正在努力通过响应式元素来实现这个目标。
任何帮助都会非常感谢-我不是说这必须没有插件，只是实现起来不是很难，而且可能没有太多开销。
浏览 2提问于2014-11-04得票数 1
我有一个网站与一些图像头旋转木马。但我希望得到我在www.oracle.com上看到的效果。图像会被放大然后滑出。我知道如何做滑动图像轮播，但我尝试了服务器css javascript方法，没有给网站的效果。
浏览 1提问于2017-10-05得票数 0
1回答
我正在用示例数据创建一个旋转木马效果，当我向左/向右滑动时，它会显示其他付款
然而，我在如何创建这样的效果中看到的教程只使用Flatlist组件，并使用其数据属性来显示其数据。用来表示(蓝色)的框实际上是一个包含样式和文本的View组件。如何使用View components创建轮播效果？
浏览 0提问于2021-11-01得票数 0
我有一个渲染，但想把它放在页面上的不同占位符中。我想根据当前正在处理的渲染的占位符修改HTML。有没有人遇到过这种情况并解决了它？请分享。
例如:我有一个图像轮播渲染项目。它有自己的.cs类，在其中创建超文本标记语言。现在，在Sitecore内容项的表示细节中，我添加了一个使用占位符"zone1“的图像轮播渲染，以及另一个使用"zone2”占位符的图像轮播渲染。基于zone1和zone2，超文本标记语言会有所不同。我正在重写RenderModel(HtmlTextWriter编写器)来重写HTML.
浏览 7提问于2016-11-15得票数 0
3回答
我正在使用Lazysize在我的AngularJs应用程序中延迟加载一个旋转木马。
如果我在图像上做懒惰，它可以工作，但我不喜欢的效果，因为图像加载的那一刻，用户点击箭头按钮更改图像，但有一些毫秒的图像是白色的加载。代码如下：
<div class="carousel slide">
<carousel interval="-10">
<slide ng-repeat="i in imagesList
浏览 2提问于2017-06-23得票数 14
1回答
我有一个供应商列表(从数据库中获取)，它的作用类似于分页按钮。每个供应商都有许多项目，它必须提供。
页面上将仅显示一个供应商的项目列表。选择第i个供应商，将显示它的项目列表，在JavaScript中有很好的滑动效果。
我正在寻找一个轮播(滚动项目列表)插件，将允许我委托页面选择控制到特定的HTML元素。在我的例子中，我需要告诉carousel插件，对于分页，我想使用供应商列表。
附近有没有jQuery插件？
我找到了插件，但它没有提供这样的功能。它会自动为分页按钮创建HTML。
浏览 0提问于2011-06-20得票数 0
我在我的Google地图上设置了标记，在悬停标记上，我想显示一个窗口，其中包含一些与该特定位置相关的图像。
另外，如果不能在div空间中容纳这些图像，我还需要有一个轮播效果。
我该怎么做？
浏览 1提问于2012-12-12得票数 1
回答已采纳
打开遇到轮播页面现实的网页这种，整个系统就超级卡 基本操作不了，比如我什么都不打开 进入360浏览器官网 有轮播banner 就会很卡
浏览 191提问于2023-09-01
1回答
我发现了很多带图片的旋转木马的例子。但我找不到适用于布局的示例。有没有人能推荐一些不同布局的android carousel效果的链接？
例如，带有列表视图的Carousel。(轮播中的每个视图都是一个列表视图)
提前谢谢。
浏览 6提问于2013-06-26得票数 4
2回答
我有一个产品图像的轮播(slick.js)，我试图在这些图像上实现缩放，但是无论哪个图像在平滑的轮播中处于活动状态，我都只能在缩放容器的轮播中看到最后一个图像，这是我的代码。
HTML
<ul class="image-carousel">
<li>
<img src="/image1.png" data-zoom-image="/image1-large.jpg" class="zoom">
</li>
<li>
浏览 1提问于2015-05-13得票数 1
我们在应用程序中使用React-Slick来实现旋转木马效果。滑块中的内容是动态的，轮播项目的长度可以在4到20之间。
问题是，即使所有内容的宽度都小于滑块轨道的宽度，左右箭头仍然有效。
在这种情况下，隐藏或禁用这些箭头的解决方案/解决方法是什么？
浏览 9提问于2016-10-27得票数 14
1回答
我希望创建一个点击触发的图像轮播，例如，如果您单击按钮，图像淡入，当您单击下一个选项的另一个按钮时，当前图像淡出，a按钮图像淡入。
这个网站的一个例子可以在上的产品和服务下找到(向下滚动一点)。
怎样才能达到这个效果呢？
浏览 0提问于2011-08-26得票数 1
回答已采纳
我正在使用jQuery工具创建文章轮播。
你可以在这里看到图片的实际效果：
导航代码如下所示：
<!-- wrapper for navigator elements -->
<div class="navi"></div>
插件的广告链接如下：
<!-- wrapper -->
<div class="navi">
<a href="0" class="active"/>
<a href="1" class="&
浏览 1提问于2010-05-13得票数 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
1回答
CarouFredSel过渡问题
、、、、
我正在使用CarouFredSel进行图像轮播，并且我在项目之间的转换方面遇到了问题。
我想在carousel中使用一些简单的HTML，而不是普通的旧图像，但当我这样做时，卷帘转换不起作用。当旧图像滑出时，新图像会闪现，而不是滑入，您可以在图像之间看到简短的背景。
<div id="carousel">
<div>
<img src="img/instagram1.png">
<div style="position:relative; z-index:1
浏览 2提问于2013-12-12得票数 1
我有一个页面，里面几乎没有猫头鹰的旋转木马。我希望能够在HTML代码中为这些owl carousel设置一些参数(使用类或数据属性)。
假设我在HTML语言中定义了两个数据属性，我已经创建了以下jQuery代码：
$(".owl-carousel").each(function( index ) {
var items_no = $(this).data('slides');
var autoplay = $(this).data('autoplay');
$(".owl-carousel").owlCar
浏览 5提问于2014-10-20得票数 1
回答已采纳
因为我的客户的页面有大量的Javascript，所以我为手机版添加的图像轮播在智能手机上的渲染耗时很长。我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。
这是可能的吗?如果是的话，该怎么做？
浏览 0提问于2014-02-11得票数 2
目前我有它，所以如果你点击任何编号按钮，下一步/上一步按钮，或者旋转木马中的一个图像，脚本将调整旋转木马以将其移动到视口的中心。但是，我注意到，如果您单击与第二个旋转木马相关联的任何按钮，页面将一直向上滚动，并调整到第一个旋转木马。我如何获得它，以便调整正确的旋转木马？例如，按下与#2轮播相关联的任何按钮来调整#2轮播，或者按下用于#3轮播的任何按钮来调整#3轮播。
$(document).ready(function() {
$("#owl-demo").owlCarousel({
navigation: true,
pagination: true,
浏览 1提问于2016-01-28得票数 1
1回答
我使用了一个内容轮播(来自codrops)，每个项目都用Fancybox打开了更多的信息。问题是，Fancybox无法打开。我在想可能会有一个jquery冲突，因为我正在使用jquery.migrate以便轮播正常工作。
我的HTML如下：
<a href="#historyslide1" class="fancybox" data-fancybox-group="historygaller"><img src="img/historyslider/1900.jpg" class="img-respons
浏览 0提问于2015-04-14得票数 0
我遇到了jCarousel的一个问题，如果旋转木马在开始时已经启动，并且按下了左键，旋转木马就不会滚动。
假设发生的情况是，如果显示了轮播第一项，并按下了左边的按钮，则轮播应该循环到最终项。目前，这种情况还没有发生。旋转木马就会停止工作。
只有在第一次加载轮播时才会发生这种情况。
我的代码示例如下：。
谢谢。
浏览 2提问于2011-03-26得票数 0
我已经尝试了TwitterBootstrap网站上的相同代码，但仍然不起作用。
在他们的网站上，它的幻灯片效果很好，但在我的代码中，它只是翻转图像。
编辑:在一些高分辨率屏幕上。例如: iPad轮播闪烁，所以添加下面的css类到你的css文件。希望这能有所帮助
.carousel .item {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
}
浏览 2提问于2012-09-11得票数 1
4回答
显示的替代方案:无移动设备
、、、、
我目前正在建设一个实践响应式网站，我正在做的是一个现有的网站，使用twitter bootsrap js和css建立它，这意味着它将完全响应移动。
问题是网站上有一些大的旋转木马和图片。理想情况下，我希望完全删除某些元素，例如轮播，而将轮播中的选项作为标准列表菜单。
似乎主要的选择是基于媒体查询的display:none，但我开始预见，如果整个桌面网站仍然在移动设备上加载，只有隐藏的元素，我将在加载时间上遇到大问题。
有没有办法完全排除基于浏览器大小的html？如果任何人有任何好的链接或文章，那将是伟大的。或者甚至只是意见，关于是否真的需要排除html。
谢谢
浏览 1提问于2013-01-22得票数 1
回答已采纳
我是Backbone的初学者，试图用Carousel的多个实例创建并运行一个示例页面。下面是我的HTML的外观
<div class="en-carousel" id="one" data-href="/js/models/json/carousel.json" data-content-id=""></div>
<div class="en-carousel" id="two" data-href="/js/models/json/carousel2.json
浏览 5提问于2014-07-31得票数 0
4回答
在一个页面中有两个owlCarousel可以很好地工作，但我想要更改每个轮播的默认设置。一旦我改变了应用于两个旋转木马的效果。
我已经尝试过的东西
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel1({
navigation : false,
pagination : true,
items : 1
});
});
</script>
<script>
$(doc
浏览 0提问于2014-09-17得票数 4
1回答
下拉至水平轮播jQuery插件
、、、、
我正在寻找任何jquery/jquery-ui插件来转换select html元素(下拉列表)到一个漂亮的“旋转木马”。不是图像轮播，而是类似于jQuery-ui datepicker组件标题：
带有侧边按钮，允许浏览列表项。有没有人知道类似的事情。
谢谢。
浏览 1提问于2010-11-09得票数 1
回答已采纳
为了学习的目的，我创建了一个简单的旋转木马列表。
在某些轮播示例中，如果将鼠标悬停在“上一步”或“下一步”按钮上，则列表将开始滚动，就像将重复的单击事件传递给“上一步”和“下一步”按钮一样。
现在，在我的旋转木马中，我有了“上一个”和“下一个”按钮，它们可以在列表中上下滑动。现在我想实现悬停效果。但我坚持使用事件:(我的想法是鼠标悬停，我应该触发单击事件，但事件只触发一次，而我希望只要鼠标停留在按钮上，它就会重复触发。
我该怎么做呢？实现这种悬停效果的最佳方法是什么？
先谢谢你，安然
浏览 1提问于2009-07-12得票数 1
回答已采纳
我目前设置了一个静态轮播，如下所示：
varPanelTop = new Ext.Carousel({
defaults: {
cls: 'homeTop'
},
items: [{
html: '<img src="IMAGE ONE" />'
},
{
html: '<img src="IMAGE TWO" />'
}
浏览 1提问于2011-09-23得票数 1
当我修改iCarousel的位置时，我在TableView中的CGRect不会移动。下面是模拟器的样子：
我包含了整个代码块。我是个菜鸟，这是我的第一个应用。很抱歉。
UIViewController代码：
import UIKit
class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning(
浏览 6提问于2018-08-16得票数 0
当我附加一个名为selected的类来突出显示该部分时，我使用了和ddscrollspy。当selected类被附加到轮播项目中时，它应该转到隐藏在轮播中的下一个项目.....
浏览 2提问于2013-12-26得票数 1
1回答
带有owl旋转木马的全屏滑块
、、、、
我对某事有一个很大的请求。我需要设置的高度为100%的html和猫头鹰轮播滑块(全屏)的身体。但我也需要一个比它高一点的位置。
这是我对其他滑块所做的，也是我需要的：
和owl carousel 的示例
请垂直调整浏览器大小以查看效果。
谢谢!
编辑//
差不多完成了，但我还有另一个问题。滑块下面是一个空的地方，我不知道为什么lukaszradwan.com/pl
我需要有相同的高度到cd-main-content类作为视区。你能看一下吗？
$(document).ready(function() {
// carousel setup
$(".owl-carousel
浏览 1提问于2015-05-06得票数 1
1回答
我在一个ionic项目中使用carousel ()。这是一个自定义的angularjs指令。我在一个屏幕上使用2个旋转木马。现在，我想要的是在更改第一个轮播时，第二个轮播也应该更新为新值。为此，必须重新加载/刷新第二个轮播自定义指令。有没有办法刷新/重新加载angularjs中的自定义指令？
浏览 0提问于2016-04-03得票数 1
回答已采纳
是否有可能在Bot Framework中使用旋转木马(在允许的情况下-如Messenger、Bot Emulator等)在最初呈现并作为消息发送给用户之后，持续更新(根据它从其中读取数据的数据库)-而无需重新呈现整个轮播并将其重新发送给用户？
像- .onFlipHandRightOnCarousel或.onFlipHandLeftOnCarousel -从已经渲染的轮播中删除空的HeroCards (在数据库中它们被标记为“非活动”的位置)，并重新呈现这个新的轮播，而不需要向用户重新发送新的session.send(消息)？
浏览 1提问于2018-11-29得票数 0
3回答
在某些情况下，我想从>3个项目开始owl轮播，即按默认显示项目从第三个数字开始轮播。我已经看过他们的文档，他们没有这样的定制选项available.How我可以做到这一点。
浏览 0提问于2014-04-28得票数 5
2回答
我有一个在一个页面中使用的引导转盘。现在，我不得不在两三个页面中使用它，但在这些情况下，大小必须与第一个页面不同。因此，如果我将第一个轮播的css用于所有轮播，所有的修改都会影响到所有的轮播。所以我不能正确地管理它们。在不同规模的项目中管理多个旋转木马的最佳方式是什么？
感谢您的支持。
浏览 3提问于2015-11-01得票数 0
1回答
创建颤动图像轮播
、、、、
我怎样才能像下面的例子一样创建一个图像轮播？
我用下面的代码试了一下，但那只是把图片放在一起。
Widget build(BuildContext context) {
return Container(
width: 150,
child: CarouselSlider(items: ['https://picsum.photos/200/300','https://picsum.photos/200/300','https://picsum.photos/200/300'].map((i) {
return Builder(
浏览 17提问于2019-10-30得票数 0
回答已采纳
1回答
我想创建一个具有旋转木马效果的图像堆栈，图像的详细信息将在下面的不同容器中显示。从堆栈中滑动图像时，详细信息将随图像更改。
已经完成了图像轮播部分和滑动。
CarouselSlider(
viewportFraction: 0.7,
aspectRatio: 1,
autoPlay: true,
enlargeCenterPage: true,
items: carouselList.map(
(image) {
return Container(
margin: EdgeInsets.all(5),
decoration
浏览 21提问于2020-02-25得票数 0
我在IE中使用roundabout.js有问题。在IE中，图像首先作为典型的ul列表加载，然后放入jQuery轮播中。Chrome会将图片直接放入jquery carousel中。
我如何才能在轮播初始化或任何其他解决方法之前隐藏图像？
致以敬意，
浏览 1提问于2012-03-28得票数 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
当使用断点旋转设备时，轮播高度会更新以保持纵横比。 轮播高度被更新，但轮播项目高度保持不变，直到页面刷新。 我一直在尝试更新类v-window__container和v- carousel __item的高度，它们似乎是包含carousel图像的类，但我无法用js更新它们。 computed: {
carouselHeight () {
switch (this.$vuetify.breakpoint.name) {
case 'xs' : return '198'
case &#
浏览 62提问于2019-01-12得票数 1
1回答
我想有一个HTML结构，其中有页眉，正文和页脚，我希望导航栏和轮播在页眉部分。 当用户导航到另一个页面时，当导航栏出现在另一个页面时，我不希望出现旋转木马。我该怎么做呢？ <header>
<Navbar/>
<carousel/>
</header>
<div class="content">
@Body
</div>
<footer>
This is the footer
</footer>
浏览 9提问于2020-12-24得票数 0
回答已采纳
我想在一个模式弹出窗口中添加一个轮播，所以我添加了轮播，它工作得很好。
但是当尝试使用关闭按钮关闭模型时，它不起作用。
<code>C0</code>
<code>B1</code>
关于如何使用close按钮有什么建议吗？
提前感谢！
浏览 14提问于2018-12-14得票数 1
回答已采纳
是否有一种方法可以使用按钮或超链接从第一个轮播导航到第二个轮播项目，反之亦然，而不使用指示器？有人能给我一个解决方案来完成这项任务吗？非常感谢您的提前！
浏览 0提问于2012-08-12得票数 0
回答已采纳
我需要使用nativescript-angular2实现一个图像轮播。我查看了大多数插件，它们似乎对我不起作用。实现图像轮播的最佳方式是什么？我需要在我的应用程序上实现类似的东西。
<StackLayout>
.......Image Carousel.......
<GridLayout>
<Button>
<Button>
<Button>
<Button>
</GridLayout>
浏览 4提问于2017-03-20得票数 0
1回答
有没有人知道是否有可能在prototype中创建一个图像轮播，然后将这些图像从轮播中drag+drop到一个可丢弃的div中？
我在jCarousel上使用jQuery UI的可拖放插件也做了同样的事情。谢谢!
浏览 3提问于2011-06-22得票数 0
1回答
我有一个轮播列表，并运行每个轮播，基于轮播query，我做了fetchAssets()和fetchAssets()是Kotlin挂起的函数，但问题是当前一个函数完成时，每个函数都被调用，我想实现并发吗？
uiScope.launch {
carousels.mapIndexed { index, carousel ->
when (val assetsResult = assetRepository.fetchAssets(carousel.query)) {
is Response.Success<List<Asset>> -> {
if
浏览 1提问于2019-07-06得票数 0
我有一个angular5应用程序，它有一个页面实现了ngx-bootstrap carousel组件，它使用默认的noPause属性来暂停图像滚动操作，它工作得很好。
当我使用“下一步”或“上一步”按钮点击幻灯片时，幻灯片的自动滚动再次启动，这样每次单击轮播时，轮播就会跳过两个图像，所以鼠标在轮播上的事实被忽略了。
演示版本的旋转木马似乎有类似的问题()，但我不确定是否可以在单击幻灯片时重新设置noPause值？不确定是否有人知道这是否可能？
这是我对旋转木马的实现：
<carousel [noPause]="false">
<slide *ngFor=&
浏览 2提问于2018-04-17得票数 0
当处于活动状态时，在转到下一张幻灯片之前，轮播中的某些幻灯片的间隔应为1000。其他的间隔应该是5000。如何在jQuery中获取活动幻灯片，以更改轮播间隔？我还想根据哪个幻灯片处于活动状态来运行脚本。 幻灯片大约有30张幻灯片长，并且是信息性的。恒定的静态幻灯片过渡时间使其更难吸收幻灯片上显示的信息。我想根据当前显示的幻灯片触发额外的动画和效果；还希望根据当前幻灯片上有多少文本来改变幻灯片的节奏。 if ($('.carousel').carousel(5)) { playa = false; setTimeout(playa = true, 6000); }，但这只
浏览 24提问于2019-02-16得票数 0
1回答
计算偏移位置
、、
我正在尝试用js和HTML5实现线性轮播。我需要计算屏幕上当前触摸的偏移量(dx)的问题。我的代码：
document.addEventListener('touchmove', function(event) {
event.preventDefault();
var touch = event.touches[0];
posx=touch.pageX;
posy=touch.pageY;
},false);
例如:当前的posx是365，我向右移动了1px。然后我的dx将是1，依此类推...
提前谢谢。
浏览 0提问于2012-01-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
