slideshow 相关问题

分割幻灯片添加自动播放

我在以下位置找到了一个我喜欢的滑块:https://codepen.io/supah/pen/zZaPeE我唯一要添加的就是自动播放功能。好消息是它使用了具有自动播放功能的Slick幻灯片,因此我...

回答 1 投票 0

在javascript上有多个自动幻灯片放映的问题

我是Java语言的绝对新手,但是我试图在同一页面上放三个独立的自动幻灯片。我从W3Schools(https://www.w3schools ....

回答 1 投票 1

幻灯片按钮仅在转到最后一张幻灯片时才在第二次单击上起作用

我正在制作一个使用JSON数据填充其内容的幻灯片。当我来到最后一张幻灯片时,我必须单击2-3次,然后幻灯片才能在第一张幻灯片上再次开始。我想确保...

回答 2 投票 0

使用CSS-HTML的幻灯片仅显示四张幻灯片

我正在使用幻灯片,我仅使用CSS和HTML。我总共使用了六张幻灯片,但只显示了四张幻灯片。它并没有移到第五和第六。我不明白自己在哪里犯错,...

回答 1 投票 1

是否有具有与此类似的滚动效果的jQuery或CSS滑块?

[有人知道像https://elizabethtaylor.com那样具有水平滚动效果的jquery或css滑块吗?我想在内容悬停......>

回答 1 投票 0

为什么ffmpeg跳过一些图像?

我正在尝试使用ffmpeg创建具有淡入淡出效果的幻灯片。如前所述,另一个SE问题,我为此使用了以下代码行。 ffmpeg -i SEQ_%03d.png -i $ AUDIO -vf zoompan = ...

回答 1 投票 0

[jQuery GalleryView对链接/ href的支持

我已经升级到jQuery GalleryView 2.1.1,它似乎不支持图像上的ahref标签。有没有解决方法?我希望能够在鼠标悬停时显示标题,并且...

回答 2 投票 4

CSS动画轮播在幻灯片之间暂停

我的幻灯片播放有点问题。我需要在幻灯片之间保持30秒钟的暂停,但是它不起作用(GoogleChrome和Safari)。而且我只能使用CSS,而不能使用JS或PHP。你能帮助我吗? ...

回答 1 投票 0

如何使此多幻灯片面板无限循环

我有三个面板,它们仅包含我想无限循环的文本或文本和图像,并且可以从1-1000张幻灯片进行缩放。我有以下标记: ...

回答 1 投票 2

内容未出现在我的图像幻灯片下面

利用w3schools的帮助和其他少量资源,我设法编写了一个响应式图像滑块,但是在图像幻灯片下方无法显示任何内容。它只是没有出现。您可以在...

回答 1 投票 0

未显示javascript幻灯片的图像数组

我正在使用javascript进行幻灯片演示以进行课程分配,并且可以进行幻灯片演示,但未显示图像。我可以看到图像图标发生了变化,但是实际的图像却没有...

回答 1 投票 0

如何将类添加到下一个DIV,并通过动态的项目数淡出当前-多个实例

我想知道是否有一种方法可以为文本div创建可缩放(主要是)的CSS幻灯片-没有图像。我有这个当前的HTML结构: ]]]]] 我相信您要查找的内容比编辑所有这些项目要简单。一个纯CSS和JS解决方案,而不是JQuery,将是这样的。 const allSlides = document.querySelectorAll(".mb-slide"); const active = allSlides.filter(slide => slide.classList.contains("active"))[0]; const activeIndex = allSlides.findIndex(slide => slide === active); const nextItem = allSlides[activeIndex + 1]; active.classList.remove("active"); nextItem.classList.add("active"); 与此同时,您将从第一张具有.active类的幻灯片开始页面。在您的CSS中,您可以设置以下内容: .mb-slide{ // all your other CSS opacity: 0; transition: opacity 0.3s linear; } .active{ opacity: 1; transition: opacity 0.3s linear; } 如果以后有人在寻找解决方案,这就是我所做的: $(document).ready(function() { var items = $(".mb-panel"), currentItem = items.filter(".active"); window.setInterval( function() { var nextItem = currentItem.next(); currentItem.removeClass("active"); if( nextItem.length ) { currentItem = nextItem.addClass("active"); } else { currentItem = items.first().addClass("active"); } }, 5000); }); 实质上是将类active添加到div中的下一项,然后将其删除,然后将其添加到下一项,依此类推。使它无限扩展。

回答 2 投票 0

CSS幻灯片开始时间太长

我正在使用一个示例来创建纯CSS幻灯片。除添加新幻灯片外,其他所有行为都很好。之前,幻灯片从左到右移动,下一个进入...

回答 1 投票 0

CSS幻灯片需要很长时间才能开始

我使用一个示例来创建纯CSS幻灯片。除了我有了新的幻灯片以外,所有工作都很好,行为得到了改变。在幻灯片从左到右移动到下一个幻灯片之前,输入以下内容...

回答 1 投票 0

从Linux图形工具制作图像幻灯片

如何通过4个小jpeg(128px x 128px)和Linux命令行图形工具将图像幻灯片显示为视频文件?我需要更改幻灯片的过渡方式:淡入/淡出黑色幻灯片/ ...

回答 3 投票 3

正在寻找DUAL幻灯片放映/传送带选项[关闭]

客户希望共享其站点上演示文稿中的幻灯片,但旁边要有一组匹配的“注释”,本质上需要双重同步的幻灯片显示。我只设法找到...

回答 1 投票 0

如何在一页上获得多个自动幻灯片放映?

我目前正在遵循W3 HTML / CSS教程,以在一页上获得多个幻灯片。本教程提供了多个幻灯片(手动)或一个自动幻灯片的示例,但没有...

回答 1 投票 0

HTML幻灯片有效,但无法控制哪个图像循环

我有一个HTML幻灯片,是我从CodePen下车的。这就是带有CSS淡入淡出过渡的Vanilla JS Slideshow。独自一人时,它可以完美运行,但是在我的主页上,它会循环浏览该图片上的所有图像...

回答 2 投票 0

图像和视频的自动幻灯片显示

我正在尝试构建一个应用程序,该程序可以从服务器上下载媒体(图像和视频)并像幻灯片一样按顺序播放。例如,应用程序将显示特定数量的...

回答 1 投票 0

将多按钮连接到不同的唯一div,jQuery组按钮div

我想创建一个像这样的幻灯片https://codepen.io/pbutcher/pen/gKqKdv我想创建20个按钮,为每个按钮打开一个唯一的div。这20个按钮放在页面上的按钮上,并带有...

回答 1 投票 -1

© www.soinside.com 2019 - 2024. All rights reserved.