Html 在降价中添加图像旋转木马

我想在GitHub README.md文件中创建图像转盘。我看到HTML代码在markdown中工作得不是很好，但我想知道是否有可能在markdown中执行旋转木马。我正在使用HTML代码作为图像滑块，从

你可以用标记做任何事情。你只需要一些代码。您可以在

mkdocs.yml

extra_javascript:
-js/image-carousel.js

这里是一个非常简单的mkdocs旋转木马，它搜索页面中的所有元素，并在旋转木马中以相同的rect大小翻转序列图像

/$cat docs/js/image-carousel.js
var keepTime=2000；
console.log（“Carousel MKDocs”）；
函数更新CAURSEL（img）{
if（图像传送带运行）{
让outstyle=img.carousel[img.carouselIndex%img.carousel.length].style；
outstyle.visibility='hidden'；
不透明度=0；
img.carouselIndex=（img.carouselIndex+1）%img.carousel.length；
让instyle=img.carousel[img.carouselIndex%img.carousel.length].style；
instyle.visibility='visible'；
instyle.opacity=1；
instyle.position='绝对'；
}
setTimeout（updateCarousel、keepTime、img）；
}
功能设置转盘组件（img）{
img.style.visibility='隐藏'；
img.style.transition='不透明度1.3s，可见性1.3s'；
img.style.position='绝对'；
img.addEventListener(
“mouseover”，函数（e）{this.carousel[0].carouselRunning=false；}）；
img.addEventListener(
“mouseout”，函数（e）{this.carousel[0].carouselRunning=true；}）；
}
功能设置转盘（img）{
img.carouselRunning=真；
设置旋转木马（img）；
img.carouselIndex=0；
setTimeout（updateCarousel，1，img）；
}
//首先，我们需要向DOM请求所有p>img标记
设imgs=document.querySelectorAll（'P>IMG'）；
for（设i=1；i

Markdown文件不是交互式的，这不是它们的目的。这就像在PDF中玩游戏一样。