将幻灯片动态添加到 Reveal.js 幻灯片

时间:2021-02-23 04:38:47

标签: javascript html ajax web reveal.js

我正在尝试编写一个函数,该函数将使用从本地图像文件夹中提取的内容为我的幻灯片动态创建幻灯片。我已经尝试了从 php 到 ajax 的几个不同脚本,但对我来说没有任何效果。我认为这可能是我调用有关 Reveal.js 框架的函数的方式,因为我认为代码应该可以工作。任何帮助将非常感激!这是我最近一直在使用的 ajax 函数:

var folder = "Images/";
                $.ajax({
                    url: folder,
                    success: function (data) {
                        $(data).find("a").attr("href", function (i, val) {
                            if (val.match(/\.(jpe?g|png|gif)$/)) {
                                $(".slides").append("<section data-background-image='" + folder + val + "'data-background-size='contain' data-autoslide='5000'></section>");
                            }
                        });
                    }

我确定我刚刚在这里做了一些愚蠢的事情,但如果有人有任何 Reveal.js 经验,如果您能指出我正确的方向,那就太好了!

0 个答案:

没有答案