如何让幻灯片按钮滚动浏览图像？
要让幻灯片按钮滚动浏览图像，可以通过以下步骤实现：
- 首先，确保你已经使用合适的前端开发工具创建了一个幻灯片页面，例如使用HTML、CSS和JavaScript等技术。
- 在HTML中，创建一个包含图像的容器元素，可以使用
<div>标签或其他适当的标签。 - 使用CSS样式为容器元素设置合适的宽度和高度，以及
overflow: scroll属性，以便在图像溢出容器时显示滚动条。 - 在容器元素内部，创建一个包含所有图像的水平滚动区域。可以使用
<div>标签，并为其设置合适的宽度和高度。 - 使用CSS样式为滚动区域设置
white-space: nowrap属性，以确保图像在同一行内水平排列。 - 在滚动区域内，为每个图像创建一个元素，例如使用
<img>标签，并设置合适的宽度和高度。 - 使用JavaScript编写代码，以便在点击幻灯片按钮时触发滚动效果。可以通过监听按钮的点击事件，并使用
scrollLeft属性来控制滚动区域的水平滚动位置。 - 在滚动效果中，可以使用动画库或自定义动画函数来实现平滑的滚动效果，以提升用户体验。
以下是一个示例代码片段，演示了如何实现幻灯片按钮滚动浏览图像的效果：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
width: 500px;
height: 300px;
overflow: scroll;
}
.scroll-area {
width: 2000px;
height: 100%;
white-space: nowrap;
}
.image {
display: inline-block;
width: 500px;
height: 300px;
}
</style>
</head>
<body>
<div class="container">
<div class="scroll-area">
<img class="image" src="image1.jpg">
<img class="image" src="image2.jpg">
<img class="image" src="image3.jpg">
<!-- 添加更多图像 -->
</div>
</div>
<button onclick="scrollImages()">下一个</button>
<script>
var container = document.querySelector('.container');
var scrollArea = document.querySelector('.scroll-area');
var images = document.querySelectorAll('.image');
var currentIndex = 0;
function scrollImages() {
currentIndex++;
if (currentIndex >= images.length) {
currentIndex = 0;
}
var scrollPosition = images[currentIndex].offsetLeft - container.offsetLeft;
scrollArea.scrollTo({
left: scrollPosition,
behavior: 'smooth'
});
}
</script>
</body>
</html>这个示例代码中，我们创建了一个容器元素.container，其中包含一个滚动区域.scroll-area，以及多个图像元素.image。通过点击按钮下一个，可以触发scrollImages()函数，实现图像的水平滚动效果。
请注意，这只是一个简单的示例，实际应用中可能需要根据具体需求进行适当的修改和扩展。另外，推荐的腾讯云相关产品和产品介绍链接地址与此问题无关，因此不提供相关信息。
相关·内容
2回答
这个问题可能听起来很傻，但它让我头疼。我想做一个垂直滚动的演示文稿，由不同的幻灯片组成；效果应该与这个网站“相似”：
我创建了一个包含不同幻灯片的无序列表：
<div id="main">
<div id="content">
<ul id="bg">
<li id="slide1"> <!-- content --></li>
<li id="slide2"> <!-- content -
浏览 4提问于2012-06-10得票数 3
回答已采纳
1回答
我将我的页面设置为当你将鼠标悬停在它的类别链接上时，开始自动滚动图像(使用cycle插件)。这很好用。我现在想要的是当你悬停链接时自动循环停止，然后开始手动的“下一步/上一步”幻灯片。
基本上，当你将鼠标悬停在类别链接上时，循环浏览图像。悬停时，请停止幻灯片放映，然后使用下一步/上一步按钮手动查看图像。
但是，我不能让幻灯片在用户悬停链接时停止。我需要一些方法来杀死插件，然后用新的选项(手动滚动)重新初始化它。
我该怎么做呢？我说的Cycle插件：
浏览 0提问于2009-11-06得票数 1
我试图让一些div幻灯片到视图取决于滚动功能，也滚动到某些点的按钮点击，并想知道是否反应有一些内置的功能？或者，我应该直接用jQuery来做吗？我对如何在jQuery中做这件事有一个很好的了解，但是对于反应来说我还是比较新的。任何帮助都将不胜感激。
浏览 5提问于2017-10-10得票数 3
回答已采纳
我正在为一个朋友做一个网站，背景是这个半开的窗帘png，就像一个舞台。网站的内容位于窗帘的左侧和右侧之间。还有一个窗帘覆盖在顶部。使用div作为幻灯片上下滚动内容，其中所有的“幻灯片”div都被包装在一个“幻灯片”div中。向上和向下滚动通常会让幻灯片在顶部的窗帘上“滚动”，但我将容器的z-index改为-1，这样幻灯片就会“滑到”窗帘下。
但现在，由于-1 z索引将“幻灯片”强制置于主平面之下，主平面阻止了通常会发生的任何类型的单击事件-即幻灯片上的一个按钮，该按钮将指向其他幻灯片。
我不知道如何解决这个问题。我需要容器上的-1 z索引来保持幻灯片在下面滑动，但主平面阻止了在这些幻灯片上的任
浏览 0提问于2013-09-19得票数 1
2回答
我对JS很了解，对jQuery也很熟悉，我正在尝试创建一个“无休止的”幻灯片(就像上的幻灯片一样)，在幻灯片中，图像一个接一个地滚动，当滚动到最后时，它会循环播放。
我真的不知道如何开始，所以我希望有人能给我指个正确的方向。我在自动切换图像之前创建了一个幻灯片，让你点击下一个和上一个，但我被困在这里了。=/。
浏览 1提问于2010-04-09得票数 1
回答已采纳
我试图在一个页面中创建两个“离子幻灯片”组件。但触摸滚动只能在一个滑块中使用。在第二个滑块上，它只与导航按钮一起工作。如何在一个页面中制作两个相同的“离子幻灯片”组件？
浏览 12提问于2017-02-15得票数 0
2回答
有没有可能让按钮和滚动条这样的标准控件看起来不一样？例如，我有自己的正常和按下按钮状态的图像，如何让按钮使用它们？
如果我只为普通样式和按下样式设置背景，按钮仍然具有其初始形式，这与我的图像形式不匹配。
那么，滚动条呢？它们很复杂，每个州都包含多个图像。
致以敬意，
浏览 0提问于2011-07-16得票数 2
回答已采纳
1回答
我正在构建一个纯HTML / CSS滑块(没有JS)。它运行得很好，参见。
您需要下载并在本地执行它，以了解我的问题，因为它与浏览器的后退按钮和前向按钮有关。
当单击要导航的链接时，URL将更改为#a1、#a7、#a5，无论您在做什么。滑块正确滚动到适当的幻灯片。如果您手动更改URL，例如将#a3而不是#a7放置，滑块也将正确滚动。
但是，当您返回(或向前)时，将从#a3更改为#a7，但内容不会滚动。
知道为什么吗？知道我能做些什么让卷轴在后面的动作吗？
浏览 1提问于2019-08-26得票数 1
回答已采纳
3回答
我有div里面有图片，需要左右滚动。我已经设法让滚动工作了，但现在我需要它停留在可显示的区域。我需要使用jQuery
$('#next').click(function() {
$('#slides').animate({left: '-=80',}, 2000, function() {});
});
$('#prev').click(function() {
$('#slides').animate({left: '+=80',}, 2000, function() {});
});
两个“按
浏览 0提问于2011-08-26得票数 1
我正在使用iDangero.us Swiper插件的主页滑块，我遇到了一个特殊的问题，在所有浏览器。我有4张幻灯片(每个都是带有背景图像和一些文本和图像的div )，所有的幻灯片看起来都很好，直到我滑动(或单击Next按钮)才能从最后一张幻灯片转到第一张幻灯片。新的幻灯片看起来完全是白色的，只要稍微拖动一下就可以使它看起来正常。
有趣的是，如果我向后滚动(将滑块拖动到左侧或单击后退按钮)，则不会发生这种情况。
演示程序在这里：
是什么导致了这种行为，我该如何解决呢？
浏览 3提问于2013-12-03得票数 0
回答已采纳
2回答
如何自动滚动元素？
、、、
我正在尝试创建一个幻灯片放映项目
用户可以滚动幻灯片内容，当他们向下滚动时，以前的幻灯片内容将隐藏在幻灯片图像后面(此部分已完成)
但是，当用户单击顶部的幻灯片图像时，我希望slide-content-containter跳转到相应的幻灯片内容。
例如，如果用户单击slide2，我希望看到我的4张幻灯片图像下的slide2内容，slide1内容将自动滚动到顶部并隐藏在4张幻灯片图像的后面。
我开始了我的脚本，但不确定如何从那里开始。有人能帮我吗？我真的很感激！
浏览 0提问于2013-12-04得票数 0
2回答
在菜单上单击滚动大图像
、、、
我有一个相当大的图像(不是我的选择，它是如何给我的)，我有一个简单的导航结构，当我点击其中一个链接，我希望能够滚动到菜单下的大jpg的某一点。这是一个很大的图像，所以使用#是行不通的。我想这需要一个javascript或jquery函数，但我很确定如何设置它。我四处看看，但我发现的都是幻灯片，我只有一个超大的图片，我需要通过菜单按钮向下滚动和向上。我试着让一个标签在页面上跳来跳去，这种方法很有效，但它并没有滚动，只是跳了起来。
我希望我有代码来展示，但我所用的一切都没有用过。
浏览 3提问于2015-09-22得票数 0
回答已采纳
1回答
我使用jquery cycle将图像显示为幻灯片。如何在不使用任何按钮的情况下一次滚动两个图像。
代码：
jQuery(document).ready(function($) {
$('#album').cycle({
fx: 'scrollHorz',
speed: 1000,
timeout: 0, continuous: true,
pause: 0, sync: 1
})
浏览 0提问于2010-02-24得票数 1
回答已采纳
我正在尝试实现一个jQuery幻灯片放映，淡入淡出每个图像，并有滚动到下一个或前一个图像的控件。我现在正在做教程，我想知道如何将每个图像附加到幻灯片的末尾，这样当幻灯片到达末尾时，它不会一直滚动到第一个图像，而是连续地滚动到第一个图像。
提前感谢！
肖恩
浏览 1提问于2012-08-03得票数 0
回答已采纳
4回答
我想使用div的背景图像创建一个幻灯片。我不希望图像自动旋转，而是希望使用标准的“上一页”和“下一页”按钮来更改div的背景图像。总共将有大约6张图片需要滚动浏览。它需要是一个背景图像，因为div中有一些其他内容。
我认为这可以使用JQuery来实现，但不确定如何实现。
我有以下代码，它可以自动旋转图像，但我不想让它们自动改变。我需要能够滚动通过图像使用下一步和上一步按钮。
var bgArr = ["images/img-restaurante-2.jpg", "images/img-restaurante-3.jpg", "images/img-re
浏览 1提问于2009-10-08得票数 0
在我的页面顶部有一个javascript幻灯片。当幻灯片切换到下一个图像时，我调用另一个函数来更改页面的背景颜色。
当幻灯片不再在视图中时，即当用户向下滚动页面时，客户端希望背景颜色停止改变。
有没有办法检测元素是否由于滚动而不再可见？
浏览 0提问于2011-06-08得票数 3
回答已采纳
1回答
在，我修改了/修改了幻灯片。然而，图像并不居中。我看到了增强中间宽度的jquery函数，但并不完全理解如何使这些图像居中。有没有人有建议/建议？
当箭头到达最后一个图像时，它们也会消失。如何让它们保持可见，并使图像滚动成为旋转木马？
浏览 1提问于2010-12-05得票数 0
回答已采纳
我正在使用Swipeview ()来创建一个可以在iPhone和安卓系统上工作的触摸式carousel。基础知识很好用。
当我试图让它显示25%的下一张幻灯片pr默认值时，我的问题开始了。这个想法是，用户可以看到下一张幻灯片/图像的1/4，这应该会让他们滑动图像以显示下一张幻灯片/图像。然后第一个图像消失，第二个图像变得100%可见，向左对齐，第三个图像1/4可见，依此类推。
我已经尝试将div.style.cssText (在swipeview.js中)的宽度改为75%，而不是默认的100%。这适用于初始加载，但当我滚动时，在幻灯片1上可见的第二张图像的部分现在在幻灯片2上隐藏。
我做了一个
浏览 6提问于2012-06-22得票数 10
我有图像幻灯片的模块格式化字段。加载滚动页后，该字段不运行幻灯片，当加载滚动时，我调试不包括js幻灯片！那么，如何在加载滚动后包含js或调用js字段格式化程序？
浏览 0提问于2016-02-04得票数 1
2回答
如何在Ajax请求后释放内存
、、、、
我有一个非常基本的ajax幻灯片在我的网站上。在每个滚动上，新的图像和响应内容不断增加浏览器使用的内存量。
我已经做了研究，并尝试了针对每个新请求重置XHR对象的所有建议，但这绝对无济于事。
幻灯片是基本的，但可能包含数百张幻灯片。我希望用户能够无限期地浏览幻灯片，而不会导致浏览器崩溃。这有可能吗？
谢谢，布赖恩
浏览 0提问于2010-08-06得票数 1
回答已采纳
1回答
我正在使用iOS中的一个旋转木马，我试图重新创建iOS应用商店和iTunes中的滚动横幅(特色图片)。我有一个旋转木马变量，我想让它像上面提到的应用程序一样滚动。如果您不熟悉它们的滚动方式，它们会滑动图像，然后停止一段时间。
我已经尝试过carousel.scrollByNumberOfItems(5, duration: 20)，它只是创建一个常量滚动，直到它完成。我玩过不同的滚动功能，似乎无法达到预期的效果。再次，我正在寻找的图像幻灯片，然后暂停，然后幻灯片的下一个，等等。
我的第二个问题是，当图像滑到图像的末尾时，如果索引作为常量传入，我如何重新设置索引？换句话说，我正试图实现无限滚动的
浏览 2提问于2014-12-08得票数 1
回答已采纳
2回答
删除活动类并将其添加到同级
、、、、
目前，我有一个允许图像滚动的jQuery Cycle插件。通过它的回调，我调用了这个函数
function onAfterVideoScroll() { $('.myRemote.active').removeClass("active").next().addClass("active"); }
这应该是从另一组链接中删除当前类，并将该类添加到它的下一个同级。
这是为了保持显示它的按钮前身的图像将是活动的，这样用户就可以知道幻灯片上当前正在显示的是哪个按钮。
如果这是有意义的，请让我知道为什么它会删除活动类，但它永远不会给兄弟的活动类。
浏览 0提问于2009-09-14得票数 1
1回答
我正在构建一个离子应用程序，但是一旦页面变得更大，应用程序就会显示一个滚动，有什么方法可以删除滚动并让应用程序更本地化吗？ 我的代码只有2张幻灯片与一些产品描述和类别。
浏览 11提问于2020-09-21得票数 0
回答已采纳
我有一个UIScrollView的子类，用于图像幻灯片，具有无限滚动和循环幻灯片。
我曾经用这样的方式来动画转换：(因为我想让转换慢一点)
[UIView animateWithDuration:1.0
delay:0 options:(UIViewAnimationCurveEaseOut)
animations:^{
self.scrollView.contentOffset = newOffset;}
completion:N
浏览 10提问于2012-03-20得票数 2
回答已采纳
有没有办法在滑块中部分显示前一个和下一个图像？即。如果你有3张设定宽度的幻灯片，你可以看到其中一张幻灯片的一部分(被不透明度和后退按钮覆盖)，另一张幻灯片的整个幻灯片，然后部分看到最后一张幻灯片(同样被不透明度和下一步按钮覆盖)。然后你可以在一个循环中滚动幻灯片？提前谢谢。任何想法都非常感谢。
浏览 3提问于2014-04-08得票数 3
我想让用户注册我的电子邮件通讯，而不使用烦人的弹出窗口。
我发现了一个滚动激活的JQuery幻灯片，我认为它会运行得很好。
下面是我创建的测试示例：(向下滚动以激活它)
现在有个问题:我不想通过每张页面上不断地向下滑动来惹恼用户。
如何在幻灯片中添加“关闭”按钮?如何确保用户在单击“关闭”后不再查看幻灯片？(可能是一个活动了7天的cookie？，不知道它是如何工作的，但如果您给我提供一些指导，我会想出办法的)。
谢谢大家-- StackOverflow一直是这样一个救星！
浏览 2提问于2011-10-21得票数 0
2回答
像幻灯片一样滚动一页
、、、
我偶然发现苹果，iPhone5C，iPhone5S，Mac的新页面，并注意到苹果似乎对他们的产品页面有很好的效果。我不只是让用户自由滚动整个页面，他们设置幻灯片(因为没有更好的术语)，当用户滚动，无论数量，他们只能浏览幻灯片一次。
这是一个非常好的效果，我不确定是否有人有一个方法或想法，如何重建这个。有人发布了一个脚本，他写来模仿这一效果，但不确定是否有任何插件已经构建。有什么想法或帮助是值得赞赏的吗？
浏览 0提问于2013-09-17得票数 5
回答已采纳
1回答
我使用#id on 3按钮更改幻灯片上的图像，但我不想滚动到图像幻灯片部分，当我单击按钮只想将图像滑到下一个而不滚动到图像部分，这里是驱动器视频链接，以显示我的网页现在的样子。
<div className="carousel carousel-center max-w-md md:max-w-screen-2xl mx-auto space-x-24 ">
<div id="item1" className="carousel-item">
<img src=&
浏览 6提问于2022-08-05得票数 1
2回答
我有个奇怪的问题，似乎找不到什么不对劲的地方。让我一步一步地解释一下。
下面是我开发的幻灯片链接： (PIN 1234)。你点击播放和幻灯片将播放一些音乐。
我还为幻灯片开发了一个小部件版本，位于：，它也运行良好。
现在，问题是，我试图使用iframe将这个小部件插入另一个网站：
<iframe width="900" height="600" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" src="h
浏览 7提问于2014-11-27得票数 0
1回答
我有一个ScrollView，它的行为就像一个幻灯片秀。它自动滑到下一个图像，最后返回。但是，当这种情况发生时，我不希望用户在滚动视图中滑动。我想要的是让每一个幻灯片点击，以便用户可以打开一个特定的图像，例如，获得更多的细节。
滚动视图的默认设置是userinteractionEnabled = FALSE。不允许用户交互，因此用户不能滚动。但这也会禁用单击图像操作。当我把它设置为真时，我可以点击图片，但我也可以再次滚动。那么最好的方法是什么？
我已经考虑在滚动视图上添加一个透明的UIView，并使其可单击，并检查在滚动视图中显示了哪些项。但还有别的办法吗？
浏览 3提问于2014-06-15得票数 0
回答已采纳
1回答
有问题的网站：
我正在使用fullpage.js显示两个食物菜单。有一个带有两张幻灯片的部分。每张幻灯片都有自己的食物菜单。fullpage部分首先设置为display: none。完整页面部分由用户通过jquery显示。
$('#launchPizzaMenu, .launch-menu').click(function() {
$('body').addClass('noscroll');
$.fn.fullpage.silentMoveTo('menu', 0);
$('#fullpage&#
浏览 1提问于2016-11-05得票数 0
1回答
我正在寻找一个WordPress解决方案-可能是适当的主题或主题/插件/小部件的组合.-以下方面：
网站的首页应该呈现一系列的全屏幕“幻灯片”，访问者可以通过这些幻灯片水平或垂直滚动。
每一张幻灯片都有一个单独的背景图像。
覆盖在背景图像上的是自定义布局的内容，例如多列文本和图标。
下面是其中一张幻灯片所需外观的示例：
📷
这种类型的幻灯片可以垂直堆叠在页面上，也可以有左-右按钮水平翻转。
浏览 0提问于2016-08-30得票数 0
2回答
我正在使用，一个非常棒的滚动框架。
我需要让这个网站像这样运作：
正如您在.jpg中看到的，当站点加载，人们单击或滚动到右边使用幻灯片，有4张幻灯片，当他们抓住最后一个用户只能下降。其他行为是不允许的。
现在，我让这个方法只用于水平线，方法如下：
人们不能回去，因为没有先前的按钮。
当人们到达最后一个水平幻灯片时，next按钮导航就消失了。
现在，我需要创建另一节向下，我需要一个只工作在最后一个幻灯片编号为4在jpg。不允许在幻灯片1、2或3中通过。
有什么想法吗？我怎么能这么做？
浏览 2提问于2014-05-23得票数 0
希望你能帮上忙。我正在使用一个幻灯片循环插件，并希望类似fx：'scrollHorz‘的东西，使幻灯片左移/右移时，下一步/后退按钮分别按下。
基本演示在这里：
然而，我不得不使用fx：'custom‘，因为我已经引入了我自己的不透明效果。所以现在，我失去了向左/向右滑动的动作！
有没有人可以帮我让幻灯片向左滚动(即从右侧进入)到下一步按钮，向右滚动(即从左侧进入)到后退按钮，同时保留我的不透明效果？我已经成功地让幻灯片在点击“#nextArrow”时从右向左移动，但我希望在按下“#prevArrow”时方向颠倒。
Cycle插件的当前代码：
$(document).ready
浏览 1提问于2012-11-02得票数 2
回答已采纳
我在维护滚动条位置方面有一些问题。
背景
我的页面中有一个水平图像浏览器。它懒散地加载它的图像，因此它可以滚动数千个图像。当您单击每个图像时，它会带您到一个包含放大图像和一些元数据的详细页面。从这个页面，您还可以直接移动其他详细信息页，其顺序与在滚动体中看到它们的顺序相同。
编辑:澄清
有一个带有溢出的HTML元素的页面:auto和一个滚动条。这个元素的内容非常非常长。当你离开，然后回到这个页面，我想让滚动条记住你看的最后一个地方。
目标
我想做的是允许用户回到页面与滚动滚轮，而不需要它重置到开始滚动每次。如果您使用浏览器的" back“按钮，那么这个按钮会自动工作，但是当您使用我的显
浏览 0提问于2011-04-18得票数 1
回答已采纳
2回答
jQuery触发器无限点击
、、、、
我已经做了一个简单的jQuery滑块与下一个和上一个按钮来移动幻灯片。我现在想让它在按钮不是手动按下时自动滚动。然后，我想让它在有人悬停在幻灯片上时停止滚动，并在他们没有悬停在幻灯片上时重新开始。
我在这里使用了这段代码，但它只滚动第一张幻灯片，它不会继续这样做。
setTimeout(function() {
jQuery('#next').trigger('click');
}, 1000);
}
我怎样才能让它连续滑动，而且我怎样才能让它在悬停在幻灯片上时停止呢？
我的html标记如下：
<ul class="nav">
浏览 1提问于2013-03-30得票数 0
1回答
传送带幻灯片的jQuery版本
、、、、
我正在寻找动态驱动器幻灯片放映的jQuery版本
我曾多次使用jQuery cycle插件，但希望在连续滚动中一次显示多个图像。有什么建议吗？谢谢!
浏览 5提问于2011-06-14得票数 2
我正在使用BxSlider，并试图让它从一个幻灯片垂直滚动到另一个幻灯片。我已经看过了示例，我唯一发现的是它可以让你在同一张幻灯片中滚动，但不能滚动到下一张幻灯片。我基本上是想弄清楚如何在幻灯片中滚动，类似于：或
这是我的javascript
$('#content').bxSlider({
auto: 0,
touchEnabled: true,
swipeThreshold: 50,
minSlides: 1,
maxSlides: 1,
slideMargin: 0,
infiniteLoop: !1,
pr
浏览 1提问于2015-05-05得票数 0
我正在建立我的投资组合网站，我想让每个投资组合的一块像一样的小幻灯片。我已经设置好了。
我想这个网站水平滚动，所以当用户滚动向右更多的内容(幻灯片)是/是懒惰加载。可以延迟加载整个对象吗？或者是专门为图像编写的脚本。
有人做过这样的事情吗？我想要一些反馈。
提前谢谢。
浏览 2提问于2011-12-09得票数 0
我正在使用drupal 8和幻灯片模块来创建一个幻灯片块(带有图像和描述的字段)来将其放到一些页面上。
我已经设法显示幻灯片水平，他们滚动很好，但问题是如何显示4张幻灯片，并滚动只有一个时间。
在幻灯片的设置中，有一个选项“每个幻灯片项目”，如果我使用它并放置4-我将得到4幻灯片在一个块上，但它将滚动4个项目在时间。如果我放1-它会滚动一个项目在时间，但将只显示一个幻灯片和需要4。
另外，如果只有3张幻灯片可以安装在屏幕上，那么它应该是响应性的，它应该显示3张幻灯片，一个一个滚动。
浏览 0提问于2018-06-18得票数 0
回答已采纳
1回答
我希望开发一个页面，在那里我可以有一个垂直的幻灯片放映(创造图像和文本)，这会改变向下滚动，一旦达到最后一张幻灯片，父页面开始滚动。您可以在下面的页面上看到该示例
我尝试了各种示例，但它们都是针对整个页面的示例。所以在这里我想让垂直幻灯片在页面上的一个部分内。
希望有人能帮帮我。
我正在尝试使用FSVS代码。
您可以在此处查看尝试的代码
浏览 0提问于2018-11-01得票数 0
2回答
我有一个大的背景图像与x1600宽度。它非常适合1600x900的屏幕。但是，当我将其更改为1280x720时，右侧的背景图像将被修剪。使幻灯片居中向右对齐。
我如何让它左右两边修剪，同时保持幻灯片居中。
浏览 0提问于2012-05-29得票数 0
回答已采纳
我有一个angular5应用程序，它有一个页面实现了ngx-bootstrap carousel组件，它使用默认的noPause属性来暂停图像滚动操作，它工作得很好。
当我使用“下一步”或“上一步”按钮点击幻灯片时，幻灯片的自动滚动再次启动，这样每次单击轮播时，轮播就会跳过两个图像，所以鼠标在轮播上的事实被忽略了。
演示版本的旋转木马似乎有类似的问题()，但我不确定是否可以在单击幻灯片时重新设置noPause值？不确定是否有人知道这是否可能？
这是我对旋转木马的实现：
<carousel [noPause]="false">
<slide *ngFor=&
浏览 2提问于2018-04-17得票数 0
1回答
我如何浏览内容和坚持段落
、、、
对于我的网站，我有一个div是400 in宽到200 in的高度。我在这个盒子里有很多文字，它是用来滚动的。我想设置它，以便当我滚动向下通过div，每一段坚持，直到你滚动到足以让下一个快速上升。我想要一个几乎反弹的效果，因为新的一个幻灯片，如我是手动快速滚动，然后缓慢，然后我停止。如何通过CSS3和HTML5或JavaScript对其进行编码？
浏览 1提问于2016-03-23得票数 0
回答已采纳
我想实现一个非常简单的效果，当按下箭头按钮时滚动div…我该怎么做呢？
基本上，我最多有4个div，名为：
幻灯片、slideframe1、slideframe2和slideframe3
我有一个名为count的PHP变量，它基于一个名为$count的变量递增的PHP循环生成幻灯片内容。
因此，count变量可以介于0和3之间。
我希望按钮滚动div向左和向右基于计数变量，如果计数变量为0，则不会出现滚动按钮。如果count变量是1或2，那么左右滚动按钮都将可见，并且将滚动相关的div。最后，如果count =3，则只有一个左箭头可见。
这是我用来移动div的javascript (结合jqm
浏览 1提问于2010-08-12得票数 0
1回答
我花了两个多小时在网上寻找一个简单的jquery缩略图滚动条，但没有找到我想要的东西：
我需要一个简单的jquery img滚动条，而不是幻灯片等，看看这个：
它很好，但它只让我占一行！我不知道为什么，但是我发现的所有插件都是这样的，它们只能处理1行。我需要有一个简单的拇指滚动，可以处理3行图像和每行4 img，并与“下一步”和“上一步”按钮，没有更多！(支持IE7+ )
有人能帮我吗？我真的很感激。
谢谢
浏览 0提问于2012-06-29得票数 1
回答已采纳
这里有一个有趣的帖子，我看到toda - 检查画廊这个网站正在使用WordPress，现在如果您注意到图像URL的变化，但是我们仍然可以看到javascript幻灯片效果。
如果这是一个javascript幻灯片，那么它不应该更改URL。这让我想，他们是如何做到这一点的。
浏览 0提问于2011-08-10得票数 1
可以修改缩略图视图吗？通常，在演示文稿的默认视图中，幻灯片显示在右侧(如果选择了“图像选项”等，则显示在中间)，左边显示一个可滚动的编号幻灯片缩略图列表。有可能访问这个滚动列表吗？具体来说，我想在数字下面添加图标(例如“跳过/打印/优先级”等)。
浏览 2提问于2017-09-04得票数 1
2回答
我正在建立一个移动网站，我有一个图像的幻灯片放映，允许水平滑动图像。我使用的javascript库是bxslider。但是，如果有人触摸幻灯片放映并想要向上/向下滚动页面，则幻灯片放映会阻止垂直滚动，因此必须触摸站点的另一个部分。
谁能告诉我怎样才能保持垂直滚动(也就是说，不允许幻灯片阻止正常滚动？)
谢谢!
浏览 4提问于2013-02-05得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
