我遇到了jCarousel的一个问题，如果旋转木马在开始时已经启动，并且按下了左键，旋转木马就不会滚动。
假设发生的情况是，如果显示了轮播第一项，并按下了左边的按钮，则轮播应该循环到最终项。目前，这种情况还没有发生。旋转木马就会停止工作。
只有在第一次加载轮播时才会发生这种情况。
我的代码示例如下：。
谢谢。
浏览 2提问于2011-03-26得票数 0
我发现这里有很多问题和我的问题是一样的。然而，这些并不能解决我的问题。我的代码与下面的代码完全相同
然而，下面的div从未在我的django模板中呈现过。我可能遗漏了什么？图像轮播渲染正确，因此我的.js，.css文件应该被正确加载。
<div class="carousel-caption">
浏览 0提问于2015-10-15得票数 0
4回答
在发生某些事件后，如何重置轮播上的自动滚动间隔，以便您可以查看整个间隔内的内容，而不管您单击下一步或上一步时的计时器时间有多长？现在，如果我在9秒后单击“下一步”或“上一步”，它将在1秒后再次滚动。
在中，第274-277行是使用setInterval实现自动滚动的地方。我知道如果您有setInterval返回的ID，就可以使用clearInterval，但是除了修改源代码之外，我不能使用它，我不想这样做。
有什么想法吗？谢谢!
浏览 1提问于2009-12-08得票数 1
回答已采纳
1回答
限制在两点之间移动x轴滚动条
、、、、
我创建了一个图像轮播，它在那里显示图像，并通过x轴滚动条显示其他图像。它工作正常，但我想限制滚动条只在视区内移动。我试过If clause，但它有一个bug，而且不够好！我尝试创建一个类似于carousel的Amazon，但在我的例子中，我遇到了一个问题。我将所有HTML CSS和JS上传到JSfiddle：
提前谢谢你。
浏览 4提问于2017-11-02得票数 3
我有一个angular5应用程序，它有一个页面实现了ngx-bootstrap carousel组件，它使用默认的noPause属性来暂停图像滚动操作，它工作得很好。
当我使用“下一步”或“上一步”按钮点击幻灯片时，幻灯片的自动滚动再次启动，这样每次单击轮播时，轮播就会跳过两个图像，所以鼠标在轮播上的事实被忽略了。
演示版本的旋转木马似乎有类似的问题()，但我不确定是否可以在单击幻灯片时重新设置noPause值？不确定是否有人知道这是否可能？
这是我对旋转木马的实现：
<carousel [noPause]="false">
<slide *ngFor=&
浏览 2提问于2018-04-17得票数 0
因为我的客户的页面有大量的Javascript，所以我为手机版添加的图像轮播在智能手机上的渲染耗时很长。我想加载轮播图像，然后轮播所需的文件(jQuery，carousel JS文件，carousell CSS文件)之前，任何其他包括JS，CSS等。
这是可能的吗?如果是的话，该怎么做？
浏览 0提问于2014-02-11得票数 2
在Galleria的经典模板中，可以通过单击左箭头和右箭头按钮来滚动缩略图轮播。是否可以通过将鼠标悬停在箭头按钮上来实现此滚动？
浏览 1提问于2013-06-23得票数 0
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
为了我的功能。我必须为连接的轮播设置自动滚动示例
我是jquery的新手，并试图使用自动滚动插件来实现这一点，该插件可用于
请让我一步一步地指导如何实现这个目标。
浏览 4提问于2014-07-22得票数 1
1回答
我正在寻找一个类似于上的jQuery旋转木马，它居中，即使旋转木马的内容超出浏览器的宽度，也不显示水平滚动条，支持图像交叉淡入淡出，并包括分页。
我用过SlidesJS和carouFredSel，但这些旋转木马不兼容。在花了几个小时测试后，我意识到这是因为这些插件依赖于容器具有固定宽度，导致当轮播宽度大于浏览器宽度时出现水平滚动条。
我想知道是否有一个轮播使用类似的代码结构，并通过CSS嵌入图像作为div的背景：
<div id="carousel">
<div class="slide">
<div class=
浏览 2提问于2012-09-19得票数 0
回答已采纳
我正在使用Touch Carousel。
有什么方法可以让滚动条保持可拖动吗？这样用户也可以拖动托架，而不仅仅是轮播的内容。
谢谢
浏览 1提问于2013-02-06得票数 0
我在IE中使用roundabout.js有问题。在IE中，图像首先作为典型的ul列表加载，然后放入jQuery轮播中。Chrome会将图片直接放入jquery carousel中。
我如何才能在轮播初始化或任何其他解决方法之前隐藏图像？
致以敬意，
浏览 1提问于2012-03-28得票数 0
Jquery Scrollable是Jquery工具提供的一个滚动图像/视频列表的工具
但是我想知道，你们中有谁尝试过用滚动条来定制它吗？我的意思是，我们希望对以下页面使用Jquery scrollable
但我们希望将滚动条留在底部，而不是使用左右箭头在视频轮播中滚动。
这有可能吗？如果您已经使用滚动条定制了JQuery Scrollable，请与我分享一些技巧
非常感谢
浏览 3提问于2014-02-20得票数 0
我正在使用这个，但使用的方式与演示略有不同，您可以在“客户成功案例”标题下查看我的使用。
正如您将看到的，我已经将旋转木马居中，并允许前一个图像在旋转木马滚动时仍然可见。当轮播第一次加载时，序列中的最后一个图像不会加载，因此在第一个图像的左侧有一个空白。一旦传送带返回到第一个图像，最后一个图像也会短暂消失。
我自己已经尝试解决这个问题很多次了，但是我的jQuery知识缺乏，脚本只是停止响应，有谁知道我如何才能获得序列中的最后一个图像，以便在轮播加载时显示出来，并且当它再次到达开头时不会消失？谢谢。
下面是jQuery脚本：
/**
* @author Stéphane Roucher
浏览 11提问于2012-04-13得票数 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
回答已采纳
我使用carouFredSel插件来实现响应式轮播。如何修复它？
我有时调用回调'updateSizes‘和carousel计算移动浏览器url栏高度)仅当滚动顶部时，并且仅当滚动底部后隐藏此栏时
$('.container').carouFredSel({
auto: false,
circular: false,
infinite: false,
responsive: true,
width: '100%',
height: 'variable',
items: {
visible: 1,
浏览 1提问于2015-07-21得票数 0
目前我正在尝试开发一种特殊的图像轮播，它基本上有两行(一行在顶部，另一行在底部(宽度较短)，使用名称作为参考)
问题是，我需要用Jetpack Compose (可以在常规的Android中使用一些滚动监听器)来实现滚动顶部行的速度，而不是底部的行。
我能够实现同时滚动各行，但它们以相同的速度滚动。我需要以两倍的速度滚动第一个页面才能达到我想要的效果。这是我尝试过的代码。
val scrollState = rememberScrollState()
Row(modifier = Modifier.horizontalScroll(scrollState)) {
Images()
}
R
浏览 4提问于2021-10-14得票数 0
我在我的应用程序中使用iCarousel，我需要获取iCarousel的当前索引，并将该索引显示在一个标签( subView of self.view)中，该标签不是iCarousel的subView。我可以通过以下命令获得当前的索引
int index=iCarousel.currentIndex;
如何在每次滚动轮播时更新label.text中的索引。在这种方法中，我必须编写更新标签的代码。
浏览 1提问于2013-02-08得票数 1
回答已采纳
1回答
我想在jquery中使用bootsraps carousel和平滑滚动。
下面是我制作平滑滚动的方法：
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
|| location.hostname == this.hostname) {
var target = $(this.hash);
target = t
浏览 0提问于2016-02-15得票数 0
2回答
jCarousel的羽状剪切蒙版
、、、、
我有一个用jCarousel连续滚动的图像集。一次只有一个图像完全显示，我希望能够“羽化”旋转木马的边缘，这样图像在穿越可见性时就会淡入淡出。
希望这是有意义的。
此外，旋转木马的运动有时似乎有点问题。在偶尔的页面加载中，似乎轮播初始化中的animation和/或auto参数没有正确实现，导致轮播要么比预期移动得更快，要么延迟更长，等等。
添加编辑:有没有一种方法可以代替真正的剪切蒙版，在图像移出旋转木马的焦点时使用jCarousel的回调函数对其执行fadeOut() (然后在图像移入焦点时执行fadeIn() )？
浏览 3提问于2011-08-17得票数 1
回答已采纳
当使用断点旋转设备时，轮播高度会更新以保持纵横比。 轮播高度被更新，但轮播项目高度保持不变，直到页面刷新。 我一直在尝试更新类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
我在主页上有一个带有carousel的React项目(使用library @brainhubeu/react-carousel)。
提供给轮播的项目在以下代码中受到限制(10个项目)：
<Carousel
arrows
slidesPerPage={4}
slidesPerScroll={1}
autoPlay={1611000}
infinite={false}
clickToChange
centered
arrowLeft={<FaAngleDoubleLeft className="custom-carousel-control
浏览 0提问于2020-03-19得票数 0
在原始代码中，您可以单击一个复选框来启用已禁用的按钮。
这是使用Bootstrap 3。我遇到了两个JQuery元素(带有许多js元素的滑块)的问题，阻碍了代码本身的良好工作，下面是示例：
由于这些Java脚本用于滑动轮播：
<script src="js/flexslider.js"></script>
<script src="js/carousel.js"></script>
<script src="js/jquery.cslider.js"></script>
&
浏览 3提问于2016-06-07得票数 0
目前我有它，所以如果你点击任何编号按钮，下一步/上一步按钮，或者旋转木马中的一个图像，脚本将调整旋转木马以将其移动到视口的中心。但是，我注意到，如果您单击与第二个旋转木马相关联的任何按钮，页面将一直向上滚动，并调整到第一个旋转木马。我如何获得它，以便调整正确的旋转木马？例如，按下与#2轮播相关联的任何按钮来调整#2轮播，或者按下用于#3轮播的任何按钮来调整#3轮播。
$(document).ready(function() {
$("#owl-demo").owlCarousel({
navigation: true,
pagination: true,
浏览 1提问于2016-01-28得票数 1
1回答
我正在尝试在我的简单的，静态的，基于Bootstrap的HTML页面中实现模式轮播。我正在尝试让在我的页面上工作，但我需要更多的指导。我将声明的代码粘贴到页面中，但最终将转盘嵌入到页面中，而不是隐藏。我缺乏实用的css/javascript知识，这让我很失望，因为我不太理解代码片段之前的3个简单指令。
有人能给我解释一下如何通过点击这个小提琴上的缩略图来让我的模式轮播工作吗？
<body>
<!--rows and cols structure -->
<div class="row"&g
浏览 0提问于2015-06-08得票数 3
1回答
jquery滚动条
、、、
我已经为我的问题寻找了几天的解决方案，我想知道stackoverflow社区的任何人是否可以帮助我。
我的问题是，我需要一个jquery carousel和一个jquery滚动条来协同工作。轮播更新滚动条，反之亦然，但所显示内容的信息也在滚动条本身内(例如(1/ 12 )，因此它将是12张幻灯片/图像中的1张)。这也将是额外的，如果我可以让滚动条捕捉和更新显示的信息时，它是在被拖或拉的过程中。
我不知道从哪里开始，因为我不知道jCarousel是否支持使用具有相同元素的jScrollpane。如果有人能善意地分解实际需要发生的过程，那就太好了。
我还将尝试添加一个图，以防您完全不了解需要做什么
浏览 1提问于2011-07-22得票数 1
我正在无限轮播上实现cufon。问题是，当carousel动态生成下一个循环时，cufon不会在那个循环中显示出来。有什么解决办法吗？有没有办法在动态生成的文本上实现cufon？
这是演示链接
点击右键，滚动两次后，cufon消失
浏览 4提问于2011-04-30得票数 0
回答已采纳
打开遇到轮播页面现实的网页这种，整个系统就超级卡 基本操作不了，比如我什么都不打开 进入360浏览器官网 有轮播banner 就会很卡
浏览 191提问于2023-09-01
1回答
连续滚动不起作用时触发轮播
、、、、
旋转木马(caroufredsel)滚动()连续向左。当我将鼠标悬停在向右的箭头上时，它将停止滚动，然后它将反转方向。我尝试使用自定义事件，但似乎不起作用。这是旋转木马的代码。
$('#gallery').carouFredSel({
width: "variable",
auto: {
items : 4,
duration :"40000",
easing :"linea
浏览 0提问于2013-02-14得票数 0
在slick carousel(Slick.js)中，我想使用centerPadding，所以我必须将centerMode设置为true。在我打开CenterMode后，我滑动幻灯片，但无论我从一边到另一边拖动/滑动旋转木马，每次滑动它只移动一张幻灯片。如果我将centerMode更改为false，则轮播可以正常工作，但centerPadding不能工作。
总而言之
centerMode: true //将此设置为false，则slideToScoll可以工作，但centerPadding不能工作
centerPadding："30px“//仅当centerMode为true时才起作用
浏览 0提问于2015-12-16得票数 7
1回答
核心动画立即调用完成函数
、、、、
我正在尝试使用常用的UIView类方法来为一些东西添加动画。我在流行的库调用的方法中调用这些动画方法。当我滚动轮播时，动画立即转到完成状态并调用完成函数(忽略动画上的持续时间)。finished BOOL是真的，所以看起来动画没有被中断。
当我在iCarousel的委托方法之外触发这些动画时，它们可以工作。我并不想修复iCarousel，也不认为它出了什么问题。我更好奇的是，里面的什么代码可能会导致我的动画立即完成。以及我能做些什么来避免这个问题。
下面是一个例子：
- (void)carouselCurrentItemIndexDidChange:(iCarousel *)carousel
浏览 1提问于2012-07-22得票数 0
回答已采纳
我正在使用Bootstrap框架，但在同一页上使用分页点设置多个旋转木马时遇到了问题。我使用了GitHub上的bootstrap-carousel.js更新脚本(带有药丸选项的那个)来进行分页。
我找到了一个使用下一步导航的多个轮播的解决方案，但没有找到使用点的多个轮播的解决方案。
有什么办法来解决这个问题吗？任何帮助都将不胜感激。
非常感谢
浏览 4提问于2013-01-05得票数 0
我是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
3回答
我有一个页面显示了帖子的缩略图。帖子是通过AJAX获取的，过滤器允许获取不同的帖子。单击缩略图时，将以所单击的帖子为中心打开一个旋转木马。旋转木马中的每个帖子都有一个LinkedIn分享按钮。
如果将链接的共享按钮加载到不可见元素中，然后再加载，则链接的共享按钮不能正常工作。所以我们必须在打开传送带的时候加载它们。我使用以下代码来完成此操作：
$.getScript('http://platform.linkedin.com/in.js', function() {
$('.li-box-1').append('<script type=&#
浏览 0提问于2015-02-17得票数 4
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回答
我希望创建一个点击触发的图像轮播，例如，如果您单击按钮，图像淡入，当您单击下一个选项的另一个按钮时，当前图像淡出，a按钮图像淡入。
这个网站的一个例子可以在上的产品和服务下找到(向下滚动一点)。
怎样才能达到这个效果呢？
浏览 0提问于2011-08-26得票数 1
回答已采纳
我对构建或使用开源小部件在网站上显示照片感兴趣，使用angular.js。在谷歌上搜索"Angular.js照片轮播“或"angular.js照片查看器”只能返回几个例子。
是不是有很多我不知道的angular.js照片小工具，或者这是我只需要写rom scratch的那类东西？
浏览 2提问于2013-06-28得票数 0
回答已采纳
当我修改iCarousel的位置时，我在TableView中的CGRect不会移动。下面是模拟器的样子：
我包含了整个代码块。我是个菜鸟，这是我的第一个应用。很抱歉。
UIViewController代码：
import UIKit
class ViewController: UIViewController, UITableViewDataSource, UITableViewDelegate {
override func viewDidLoad() {
super.viewDidLoad()
}
override func didReceiveMemoryWarning(
浏览 6提问于2018-08-16得票数 0
我已经在中设置了图像。当我滚动旋转木马时，它在前面和后面显示图像。我不想在后面显示图像。请帮帮忙。谢谢。
浏览 1提问于2012-02-21得票数 8
回答已采纳
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
回答已采纳
在fullpage.js核心函数中
如何自定义设置选项autoScrolling: true。
1.仅禁用部分滚动控件中的鼠标滚动行为触发器。
2.其他键盘滚动触发器仍在工作。(如按键、按键、终端、家庭等)
以下是git的fullpage.js代码：
解释:为什么有时需要禁用鼠标滚动。因为当“fullpage.js : true”时，在scrollOverflow中存在滚动敏感性问题。但是，如果您完全禁用了"autoScrolling: true“选项，默认情况下，键盘触发器仍然允许向左向下滚动。(默认情况下，"keyboardScrolling: true“；)
然而，，我发
浏览 6提问于2014-12-02得票数 5
我试图滚动使用React JS构建的页面。即使在使用js.executeScript("scroll(0, 250);");不工作后，页面也不能滚动
并尝试该方法滚动，直到某些元素可见。
浏览 0提问于2019-02-25得票数 0
显示了旋转木马中的一组图像。轮播是由提供的。目前，插件和调用它的JS代码已加载到<head>中。
在开始使用carousel代码之前，会出现一系列未设置样式的内容，其中只显示图像本身。我可以做些什么来防止这种情况，例如，在carosel初始化之前隐藏图像？
FOUC在IE中特别糟糕，但在Firefox中也会发生。
浏览 4提问于2012-02-17得票数 1
回答已采纳
我有一个jquery函数first()，我在页面加载时运行它来执行图像的轮播。当用户向下滚动时，我希望功能暂停-理想情况下但不是必须的-当您滚动回页面顶部时恢复。
我尝试过各种方法，包括：
$(document).ready(function first(){
etc
});
$(window).scroll(function(){
if ($(window).scrollTop()==0){
first()
}
else {
second()
}
});
其中second()只在carousel中显示一个图像(称为A)。但这只是将图像A插入到序列中，直到下一个carousel转
浏览 1提问于2015-07-16得票数 0
我正在尝试使用对话流为facebook messenger创建一个轮播。以下静态轮播自定义有效负载代码在FB Messenger response部分下运行良好。但我不知道如何使用node.js内联编辑器为带有dialogflow的fb messenger创建一个动态carousal。请帮帮忙，我对dialogflow还很陌生。 {
"facebook": {
"attachment": {
"payload": {
"template_type": "generic",
浏览 42提问于2021-05-08得票数 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
回答已采纳
我正在尝试用2个单行滑块而不是1个双行滑块来重新创建一个网格轮播滑块，
因为我只想突出显示“居中”和“活动”的单个元素，并且在两行滑块中有两个元素是“居中”和“活动”。
我遇到了两个问题，因为坦率地说，我的javascript并没有那么好。
查看此笔[
js：$('.carousel:focus .frame.slick-center‘).css(’边框‘，'1px纯红’)；
第二个问题：
这将与滚动方向的事件侦听器一起使用，以使滑块“聚焦”，从而允许方向箭头的使用(左和右)。意思:如果我按箭头向上键，窗口就会向上移动(或者你能取消这个操作吗？)活动滑块位于顶部，可以使用向左箭
浏览 0提问于2015-06-26得票数 1
标题在滚动时不会缩小。
尝试在js和css中查找错误，但似乎找不到问题。
$(window).scroll(function(){
if ($(window).scrollTop()) {
$('header').addClass('black');
}
else {
$('header').removeClass('black');
}
})
$(document).ready(function(){
$(".menu h4").click
浏览 9提问于2019-08-12得票数 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
我正在使用VueJS构建一个图像画廊应用程序，画廊的一个组件是我从Vuetify库中获取的滚动旋转木马。旋转木马看起来像这样-
<v-carousel :cycle="false" icon="none">
<v-carousel-item v-for="(image,index) in imageList" :src="image"
:key="index">
</v-carousel-item>
</v-carousel>
当我滚动轮播时，我想要显示当
浏览 10提问于2017-08-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
