我有js函数的滑块(swiper.js)，它检查这是否是最后一张幻灯片，并在向另一个div添加一些内联css之后。但是，在我回到上一张幻灯片之后，这个内联css就会停留在div上。我需要这样做-如果这是最后一张幻灯片=做这个css，如果不是=什么都不做。我怎么能达到这个目标？我还需要补充什么？谢谢!
galleryTop.on('reachEnd', function () {
var nFilter = document.getElementById('left-side-meta');
nFilter.setAttribute("
浏览 3提问于2020-09-11得票数 2
回答已采纳
2回答
我知道有一些关于如何修复IE7/8的background-size: cover的文章，但我的背景是一个用Drupal构建的幻灯片。我用louisremi加载了jquery.backgroundSize.js，但是什么也没发生。我将JS添加到站点以便加载，但我是否需要配置某些内容才能使其正常工作？我和JS的关系不好。
现在我使用了filter方法：
但它只引入了一个静态图像。有没有办法在IE中保留我的幻灯片？
网站Droga5做到了，但我不知道是怎么做到的。
浏览 0提问于2012-09-27得票数 0
1回答
单个网站中的两个幻灯片不起作用
、、、、
我在我的网站上有两个jquery幻灯片。一张幻灯片是我使用的easyslider1.7.js，另一张幻灯片是mootools-1.2.1-core.js
我的jquery附件：
<!-- slide1 -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
&
浏览 0提问于2012-07-27得票数 0
回答已采纳
1回答
我目前正在使用slick.js幻灯片放映fullpage.js幻灯片中的图像。其中一个图像没有幻灯片那么宽，在滑动到该图像后，整个slick.js幻灯片div周围出现了一个蓝色边框，就像我突出显示了它一样。我怎么才能让它消失呢？
谢谢!
浏览 7提问于2015-08-13得票数 2
我看过一张介绍node.js框架的幻灯片。
是JavaScript吗？
有人能解释一下这段代码是怎么回事吗？
我完全迷路了。
浏览 8提问于2010-09-27得票数 20
回答已采纳
我用impress.js做幻灯片。当我到达幻灯片号16时，我希望impress.js调用一个名为myFunction()的函数来修改DOM。我怎么打电话给myFunction()？当我到达第16页时，impress.js在url中添加step-16
浏览 10提问于2014-05-24得票数 0
回答已采纳
我可以使用reveal.js应用编程接口导航到特定的幻灯片，如下所示：
<script>
$(document).on('click', '#goToMySlide', function() { Reveal.slide(6); return false; });
</script>
但这只会直接跳到幻灯片上，而没有任何reveal.js众所周知的很酷的过渡(缩放、淡入淡出、凹陷等)。你知道怎样才能跳到有过渡效果的幻灯片上吗？
浏览 1提问于2014-06-04得票数 1
1回答
我有一些IPython笔记本，我需要转换成幻灯片和渲染。目前，我使用的是命令jupyter-nbconvert slides.ipynb --to slides --post serve，它使用来自CDN的reveal.js呈现笔记本幻灯片。然而，当我尝试使用reveal.js的本地副本时，我得到的只是一个空白页或普通的HTML作为输出，而不是幻灯片。我想知道我如何能够实现幻灯片的脱机呈现。
我使用的IPython版本是4.2.0，木星版本是4.1.0。我已经用conda安装了它们。
浏览 0提问于2016-06-20得票数 3
回答已采纳
我对滑梯有问题
我只有三张幻灯片，所有这三张幻灯片都必须显示。我使用了幻灯片those :3，但它没有工作，但我仍然不知道为什么。我想让这三张幻灯片像我们使用显示时那样显示:flex；说明-内容:空格之间；和我不知道怎么做。
有人能帮我弄清楚吗？
$(".slider").slick({
draggable: false,
infinite: true,
autoplay: true,
variableWidth: true,
autoplaySpeed: 1000,
pauseOnHover: false,
slidesToShow: 3,
浏览 6提问于2022-04-01得票数 0
我使用的是fullpage.js和滚动横向扩展。我想在下一张幻灯片中添加一个class，然后在下一张幻灯片成为active幻灯片时删除该幻灯片。或者，我想在所有属于非活动的幻灯片中添加一个类(再次，当幻灯片变成active时移除这个class )。
有人知道我是怎么做到的吗？有没有一种使用afterSlideLoad回调的方法？
谢谢
浏览 3提问于2019-02-24得票数 0
1回答
我正在使用Swiper js在页面上的幻灯片。每张幻灯片都有另一个图像元素，分别位于幻灯片图像的内部和外部。因此，每当滑动改变时，都可以看到滑动之外的部分。 我尝试对不同类别的swiper js使用overflow: hidden，但都不起作用。 这是您可以查看滑块的链接：https://project-instock.netlify.app/index1.html#0
浏览 42提问于2021-10-02得票数 0
1回答
我已经为我的网站建立了一个导航抽屉。问题是，我想要检测用户是否用手指向右移动导航抽屉(使用幻灯片)。如果此幻灯片事件被触发，我想单击隐藏的关闭按钮。
我已经搜索了很多次，但我找不到一个听起来正确的事件。那么我该怎么做呢？
jQuery("nav").on("slide-right", function({
jQuery(".close").click();
});
div {
width: 100%
background: #666;
opacity: .6;
}
<script src="https://cdn
浏览 13提问于2019-03-29得票数 2
回答已采纳
1回答
我正在使用fullPage.js作为一个单一页面的网站。我的一个部分使用水平幻灯片来水平显示幻灯片。我想弄清楚如何从我的三张幻灯片系列的第二张幻灯片开始。阅读文档，我理解如何设置一个锚，并直接点击该幻灯片，但我想让它从幻灯片2开始，当你通过垂直滚动到达该系列。
我想，也许用class='active‘设置第二张幻灯片就能做到这一点，但事实并非如此。实际上打破了水平幻灯片。下面是我的html和js wise...wondering，如果其中一个回调函数能够工作，但不太清楚如何使用它们的话。
<div class="section" id="section5&
浏览 1提问于2013-12-22得票数 1
回答已采纳
因此，我目前正在开发我的第一个meteor应用程序，这将是一个很好的移动应用程序。因为它只能在移动设备上运行，所以我想使用来实现经典应用程序+幻灯片切换的外观和感觉。
它是基于backbone.js的。
所以我的meteor应用程序也已经使用了backbone，并且运行得很好。现在的问题是，当我在我的meteor项目中包含junior时，Junior命名空间("Jr")没有被定义。
我认为这有以下原因: Meteor总是使用以下代码自动包装项目中的任何*.js文件：
(function(){ ... }).call(this);
这会破坏的类定义，从而导致没有定义"Jr
浏览 4提问于2013-04-18得票数 1
我想做幻灯片，但当我添加js它打破了pc版本，我想这3张照片留在那里，当我看手机版这3张照片幻灯片显示我怎么做我找不到ayn资源
浏览 1提问于2020-12-18得票数 2
1回答
我在展示js的演示文稿中添加了幻灯片号
Reveal.configure({ slideNumber: true });
Reveal.configure({ slideNumber: 'c/t' });
但是幻灯片的数字很小。我对javascript不熟悉。谁能告诉我怎么把它们弄大吗？
浏览 1提问于2016-04-27得票数 4
回答已采纳
Fullpagejs continuousVertical: true属性在从最后一个幻灯片循环到第一个幻灯片时暂停我的视频，反之亦然。
这是我的js代码：
continuousVertical: true,
afterRender: function() {
$('video').each(function() {
$(this).get(0).play();
});
}
有人知道怎么解决吗？
浏览 1提问于2015-05-27得票数 1
回答已采纳
1回答
可以用相同的幻灯片设置两个部分吗？就像我在(1幻灯片1)，然后我移动(到1幻灯片2)，第2节将设置幻灯片2。
我想知道这在fullpage.js中是否可行
我想创造类似的。
<div class="section" id="first">
<div class="slide">1</div>
<div class="slide">2</div>
<div class="slide">3</div>
</d
浏览 3提问于2014-05-19得票数 0
回答已采纳
如果我的页面上有三张幻灯片，如何使用unslider.js ()开始第二张幻灯片？我已经通读了文档，但似乎没有任何选择。我应该尝试手动编辑源吗？
浏览 4提问于2013-06-07得票数 0
我正在为我的cycle.all.js网站使用幻灯片演示drupal插件。()我试着在第一张幻灯片循环一次后跳过它。不知道该怎么做，有人能给我提示或解决方案吗？
谢谢
浏览 0提问于2013-02-01得票数 2
我正在运行一个5张照片的幻灯片，当它滑到第四张照片时，我想做一个animate()函数。幻灯片不是运行animate();，而是在滑到第四个幻灯片时停止。到底怎么回事？?
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<script type="tex
浏览 0提问于2011-11-26得票数 0
回答已采纳
我想使用swiper.js，在中间显示2张完整的幻灯片，然后两边各放一半幻灯片。我想这是可能的，但我想不出怎么做。
有人能告诉我吗？想要重新创建下面的内容。
谢谢!
浏览 32提问于2022-02-21得票数 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
我想制作一张幻灯片(用Slick.js)，根据图片，我想制作centerMode:true和focusOnSelect:true.
但问题是会有两个过度的滑动(左和右)。我该怎么移除它们？
我已经尝试将centerMode设置为false。没有多余的幻灯片，但选定的幻灯片将在最左边。因此，将centerMode设置为true是很重要的，因为我希望将选定的幻灯片放在中间。
对不起我的英语不好。
任何帮助都将不胜感激。
谢谢
浏览 5提问于2016-03-23得票数 5
回答已采纳
2回答
尝试使用slides.js jquery插件创建幻灯片。
我想要的是第一张幻灯片(其中嵌入了一段视频)显示7秒，其余的幻灯片显示4秒。
这就是我到目前为止所尝试的：
$(function(){
$('#slides').slides({
preload: true,
generateNextPrev: false,
play: function(){
if($('#slides').childNodes[2].css('display', &#
浏览 2提问于2012-09-14得票数 1
1回答
玩impress.js
我正在尝试实现一个类似于幻灯片转换的Reveal.js，但使用impress.js。基本的效果确实来了，但我觉得，幻灯片正在“更宽”的转折，使它看起来更慢。
注意:在小提琴，最大限度的输出部分，以更清楚地看到上述问题。
我不知道怎么说，但是如果你看到了和，你就能分辨出不同之处。
<div id = "impress">
<div class = "step">
Slide 1
</div>
<div class = "step" data-x
浏览 4提问于2014-11-19得票数 1
2回答
我试着制作这个东西，例如，在FullPage.js网站的第一部分有三张幻灯片。在默认设置中，左右都有控制箭头，这是可以的。但是，我想让这个箭头只出现在移动版本的网站。例如，在桌面上没有幻灯片，只有第一个有所有信息，在移动上有3个幻灯片，这样我就可以导航了。我该怎么做？
我知道有" controlArrows : false“选项，但我只想在桌面上禁用controlArrows！
我正在使用fullpage.js jquery
浏览 4提问于2022-03-14得票数 -1
回答已采纳
我想制作一个小程序，当某个像素(比方说100 ) "pixel_change“发生变化时，它会自动获取视频的屏幕截图。
我还有一个subRib文件，它保存视频文件的记录。我想做一本图画书，在那里我有幻灯片的图像，在底部有适当幻灯片的成绩单。
自动提取所有幻灯片从视频与时间戳。
读取subRib文件
根据幻灯片的时间戳为subRib文件中的每个文本块分配幻灯片
输出Textblock和accosciated幻灯片为一幅图像
我该怎么做呢？
谢谢你的帮助!！
浏览 3提问于2017-10-15得票数 0
2回答
我对JS很了解，对jQuery也很熟悉，我正在尝试创建一个“无休止的”幻灯片(就像上的幻灯片一样)，在幻灯片中，图像一个接一个地滚动，当滚动到最后时，它会循环播放。
我真的不知道如何开始，所以我希望有人能给我指个正确的方向。我在自动切换图像之前创建了一个幻灯片，让你点击下一个和上一个，但我被困在这里了。=/。
浏览 1提问于2010-04-09得票数 1
回答已采纳
我正在构建一个无限的jQuery旋转木马。无限存在，它在最后一张幻灯片显示给用户之后立即显示第一张幻灯片。为了实现这一点，我在post完全回调函数中做了一些调整。
$('#slide li:last').after('#slide li:first')。
这基本上就是导致无限幻灯片发生的原因。然而，它特别扰乱了第二张幻灯片。在从幻灯片1到幻灯片2的第一次迭代中，幻灯片2被幻灯片3所取代(而且这种情况发生得非常快)。每次后续的迭代都很好，幻灯片2将自己呈现为幻灯片2，而不是幻灯片3。
为了进一步理解这个例子，请看下面的js小提琴，它捕获了所有必要的HTML、CSS
浏览 3提问于2012-11-26得票数 0
回答已采纳
如果你愿意给我一个解决方案的话，谢谢你。我正在做一个网站 --主页上有一个旋转木马。我正在使用一个jQuery插件“比利旋转木马”，它有时会在不到1秒的时间内从幻灯片跳到另一个幻灯片(周期性地，大约在3秒内有5个幻灯片)，但是指示器仍然在幻灯片的锚上(它不会像滑块那样疯狂)。
jquery插件位于(与prev链接相同的路由)/js/Billy.carousel.jquery.js
init文件处于(与prev链接相同的路由)/js/init.js中。
请..。有人能看到这一点并用我在代码中一定遗漏的东西回答吗？
特克斯，亚历克斯
浏览 1提问于2011-08-03得票数 1
我正在使用Safari 5.1进行测试，而JS根本不能工作。在所有其他浏览器中，它都能完美地工作。这是我正在实现的幻灯片：，这是演示：
我按原样使用这个幻灯片--我没有改变任何东西，只是简单的复制/粘贴。有人知道Safari是怎么回事吗？
浏览 8提问于2012-01-12得票数 0
回答已采纳
我想使用麻省理工学院的WAMI API (或其他语音识别API)和impress.js创建一个语音控制的幻灯片。我想包含一些简单的命令，比如“下一页”或“返回”。
有可能吗？我怎么能做到呢？
浏览 1提问于2012-01-13得票数 1
回答已采纳
1回答
我想知道如何实现一个幻灯片菜单从操作栏，类似于这个应用程序。应用程序顶部的幻灯片菜单，带有播放按钮。
如果有库或方向，我该怎么做？
浏览 0提问于2015-02-12得票数 0
1回答
我使用卷帘滑块和计数器分数。它计算得很好，但我需要计算=(所有幻灯片- 1)。例如，如果我有20张幻灯片，我想显示总共19张幻灯片。你知道我该怎么做吗？我使用他们网站上的普通js。下面是我所拥有的： var gallery = new Swiper('.left-side-slider-gallery', {
slidesPerView: '1',
pagination: {
el: '.jail-app-left-side-fractions',
type: 'fraction',
},
}); 谢谢!
浏览 15提问于2020-09-13得票数 0
回答已采纳
我想要使用slick.js滑块，并在其中一些引导行和col的东西。但是，当我使用
<div class="row">
在第一张幻灯片上，它的内容也被克隆并显示在第二张幻灯片上。有人知道怎么解决这个问题吗？
小提琴：
浏览 3提问于2015-08-19得票数 2
回答已采纳
1回答
我已经设置了一个jsfiddle
我需要子弹来移动幻灯片，我还试图将子弹的点击附加到相关幻灯片的索引上，我该怎么做？找到项目符号的索引，找到具有相同索引的img的索引？让这张幻灯片成为当前的幻灯片？
任何帮助都将不胜感激
$('.bullets a').click(function(e) {
e.preventDefault();
var bulletIndex = (this).index()
console.log(bulletIndex)
wrapper.find('li:nth-child(
浏览 0提问于2012-09-07得票数 0
回答已采纳
1回答
我正在尝试让jQuery的动画幻灯片，而不是切换。我的超文本标记语言<head>中包含了这些文件
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
jQuery：
// $item is
浏览 1提问于2011-05-31得票数 2
回答已采纳
1回答
我正在尝试在我的网站上实现galleria.js (幻灯片)。我只想让幻灯片从屏幕的顶部进入，从底部出来，而不是经典的右-左。
我试着将图像旋转90%，效果不错，但我相信有一种更简单、更正确的方法。
谢谢。
浏览 2提问于2015-04-10得票数 0
我正在工作的ios网络应用程序，这将与phonegap包装，以便缩放在一般情况下是禁用的，视口是不可伸缩的。
我有一个幻灯片，我使用swiper.js --我使用iscroll.js实现缩放功能。
当我放大了图片，现在滑动查看缩放的框架时，滑动被解释为转到下一个幻灯片图像。
所以我的想法是，当我处于缩放模式时，将"swiper-no-swipe“类添加到幻灯片中，并在我缩放回原始大小时将其删除。
我猜iscroll.js使用css-transform来实现缩放功能，所以你必须请求transform-value是否大于0，然后添加no-swipe类。
有人知道怎么做吗？
提前感谢
浏览 5提问于2015-01-25得票数 0
2回答
后退按钮js幻灯片
、、、
我不是有js的家庭成员，我正试图用动画制作一个包含html div的滑块女巫。这是我使用的js：
$(function(){
// find all slides
var slides = $('.main-slide');
// starting index
var i = 0;
// click listener
$('#main-slider-next').click(function(){
// find next index
// i + 1 or 0 if end of slides
i = ++i % slides.length;
// scrol
浏览 6提问于2013-10-22得票数 0
回答已采纳
1回答
我很难让Slick.js和基金会清理灯光盒在一起玩得很好。我的网站设置方式是有三个‘页面’，但是每个页面都是一个Slick.js幻灯片，所以这个站点实际上只有一个实际的网页。
在我的照片‘幻灯片’，我有一个基本的照明盒设置与基金会。但是，当启用Slick.js时，无法正确打开lightbox。当Slick.js被禁用时，它工作得很好。
在这里可以看到一个活生生的例子：
下面是一个可用的活示例(slick.js已禁用)：
为了我的生命，我想不出如何让它开始工作。我猜这跟光滑的赛道有关吧？由于光滑的磁道div是如此之宽，这可能是混乱的灯光盒是如何显示。Lightbox通常也会从视口的顶部开始，但是
浏览 14提问于2015-09-02得票数 1
我使用webslides创建了一个托管在Google Drive上的web演示文稿。所有幻灯片都是从一个HTML文件加载的，而幻灯片之间的切换是通过CSS + JS in控制的，在单个HTML文件中的许多<section></section>元素之间切换。 我正在寻找一种简单的方法来保护way幻灯片演示文稿，在第一张幻灯片(first <section></section>)中加入一个简单的表单字段，它将要求提供电子邮件地址，并将其与JS文件夹中单独JS文件中的预先存在的列表进行匹配。如果该电子邮件存在，将启用幻灯片或节之间的滚动。如果不是，滚
浏览 10提问于2020-09-03得票数 0
回答已采纳
在infoq.com上拍一段视频(就像这个：)。如果您播放上面链接的电影，您将看到幻灯片卡片组随着电影中适当的部分被点击而前进。如果您使用滑块向前和向后移动它，您将看到它会触发到幻灯片卡片组中的适当位置。
我很好奇这是怎么回事。
浏览 0提问于2009-12-12得票数 0
回答已采纳
请看一下：
在幻灯片下面有4个带有悬停的div，它们应该在幻灯片上显示菜单。
这个问题是在Internet Explorer9中出现的，它在空白处悬停，但在文本悬停时不起作用。
它是使用jquery制作的。
我尝试使用z-indexes，但是没有用。我怎么才能修复它？
JS： CSS：
浏览 0提问于2012-03-21得票数 0
回答已采纳
如何使CSS中响应的visibleSlides数响应?/不必使用JS根据断点更改visibleSlides。
例如，；每一张幻灯片都有min-width: 100px; min-height: 100px; ie。图像，我们希望看到细节，所以不应该小于100 to。
我们将visibleSlides设置为8(用于桌面)。在手机上，我们只想展示两张幻灯片。因为我们不希望单个幻灯片的高度和宽度小于100‘t，也不希望幻灯片重叠。
我知道我们可以使用react来检查屏幕宽度并设置visibleSlides，但是对于所有的应用程序来说，访问它并不容易，特别是服务器端呈现为next.js。
看这个沙箱
浏览 11提问于2020-03-06得票数 2
我设计了一部很长的闪光灯电影，是用来做广告的。
电影是在几个闪存文件中设计的，每个都被组合成一个电影剪辑，然后所有的电影剪辑都被移动到主文档中。
每个电影剪辑都在一张幻灯片上。
它们会一直播放，当剪辑到达末尾时，我使用了actionscript root.gotoAndPlay(x)，其中x是序列中下一个剪辑的幻灯片号，我的时间线如下所示：
我需要添加一个带有四个按钮的控制功能：
rewindfast play pause forward
我该怎么做？我只能找到在线资源，允许控制功能，在同一时间线上的一切，而不是控制电影剪辑。
我对actionscript几乎没有经验，但是在其他语
浏览 5提问于2010-10-15得票数 1
回答已采纳
1回答
在幻灯片动画之后，我如何在挠性滑块的每一张幻灯片上动画html元素。在网上搜索了几个小时。找不到任何可以帮助您的教程或东西。有人给我示范了怎么做。
html
<div class="flexslider">
<ul class="slides">
<li>
<img src="http://placehold.it/350x150">
<div><h1>heading</h1></div>
浏览 2提问于2013-08-10得票数 0
回答已采纳
0回答
为其他幻灯片保留初始动画
、、、
我有一个动画，其中显示了几个幻灯片与其各自的标题。我的问题是在其他幻灯片上生成相同的初始动画。第一次执行时，标题的动画显示在左侧，但在其他幻灯片中不起作用。我想要的动画标题，可以看到它的第一次运行，总是留在其他幻灯片。我该怎么做呢？
我用wow.js制作动画标题(从左起)，用slick.js制作幻灯片。
这是我的项目：
new WOW().init(); //http://mynameismatthieu.com/WOW/
$(document).ready(function() {
$('.sliderMain').slick({
slidesToSh
浏览 10提问于2017-01-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
