文件名称：slide-show:全屏幻灯片播放图像和视频
文件大小：13.71MB
文件格式：ZIP
更新时间：2024-05-22 14:13:59
gifs slideshow videos JavaScript
Vanilla JS Slide全屏幻灯片，用于视频和图像 为什么？ 这是一个从头开始的项目，因为我想要一种在浏览器中全屏查看循环显示图像和视频的方法。 MacOS上的Preview和Quicklook很棒，但是它们对GIF的处理以及Quicklook无法循环播放视频使我很烦，所以我写了这篇文章。 您可以看到它的运行情况 特征 以最大尺寸显示文件夹中的任何视频或图像，而不会裁切 鼠标或键盘导航（左右箭头可前后移动，空格可切换自动前进） 幻灯片放映选项每隔x秒显示一次新图像。 幻灯片放映在前进之前会等待图像加载和视频播放 存储幻灯片放映的当前位置。 下次加载文档时，文档将从上次停止的位置开始。 用法 您可以通过向幻灯片容器提供一个容器来创建所有元素，并定义slideshow对象的不同设置来使用slideshow ： container ：对幻灯片应添加到HTML元素的DOM引用 m
【文件预览】：
slide-show-main
----index.php(1KB)
----slideshow.css(1KB)
----slideshow.js(4KB)
----imgs()
--------dinowalk.mp4(2.01MB)
--------dirty.mp4(2.34MB)
--------dog-with-many-balls.jpeg(182KB)
--------begging-puppy.jpg(463KB)
--------tippy.mp4(1.54MB)
--------wag.mp4(900KB)
--------puppy-snapping.gif(481KB)
--------ball.mp4(3.34MB)
--------step.mp4(487KB)
--------ball.jpg(71KB)
--------goldiejump.mp4(1.27MB)
--------corgi-boing.gif(808KB)
----slideshow.html(761B)
----base.css(202B)
----README.md(3KB)
----slideshow-not-endless.html(760B)