html - Facebook 页面 Html 幻灯片或轮播

Question

早上好，

我正在尝试使用 html 制作幻灯片或两个 facebook 页面的轮播，并将其添加到 elementor 侧边栏中。

在图像上：第一个示例是轮播，但我不知道如何更改位置以适合图像。第二个例子是幻灯片，但下一个箭头不在图像中。

我根据 w3schools 示例进行了尝试。

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow_gallery

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_carousel&stacked=h

有人可以帮助我吗？

我正在给页面代码。

谢谢

<center><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fgysy.gln%2F&tabs&width=300&height=130&small_header=false&adapt_container_width=false&hide_cover=false&show_facepile=true&appId=2220630698212791" width="300" height="130" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></center>

<center><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FGSGlykonNeronBasketball%2F&tabs&width=280&height=130&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=2220630698212791" width="280" height="130" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></center>

我正在尝试的示例

标签： htmlcarouselslideshowelementorfacebook-page