Jquery MediaWiki Javascript旋转木马
我想知道是否可以使用jQuery在MediaWiki中创建旋转木马。我目前正在为Wikivoyage开发新的主页，我非常希望底部的3个横幅（不是世界图片）在旋转木马上旋转，在指定的时间（比方说5秒）跨越到下一张幻灯片，但也有按钮。如果可能的话，我希望图片和文字一起旋转，幻灯片之间的某种淡入效果也会很好！为了使图像具有可伸缩性，我已经做了很多CSS干预，但这意味着html（见下文）没有我所希望的那么灵活。我已经尝试过使用CSS动画，但是没有太大的成功，而且它们也不像我希望的那样兼容。如果我完全诚实的话，我对CSS知之甚少，对JavaScript几乎一无所知；如果有人真的准备试一试的话，我将非常感激，但我也非常欢迎你的建议。谢谢 有关横幅的Wiki标记/HTML：Jquery MediaWiki Javascript旋转木马,jquery,css,loops,carousel,mediawiki,Jquery,Css,Loops,Carousel,Mediawiki,我想知道是否可以使用jQuery在MediaWiki中创建旋转木马。我目前正在为Wikivoyage开发新的主页，我非常希望底部的3个横幅（不是世界图片）在旋转木马上旋转，在指定的时间（比方说5秒）跨越到下一张幻灯片，但也有按钮。如果可能的话，我希望图片和文字一起旋转，幻灯片之间的某种淡入效果也会很好！为了使图像具有可伸缩性，我已经做了很多CSS干预，但这意味着html（见下文）没有我所希望的那么灵活。我已经尝试过使用CSS动画，但是没有太大的成功，而且它们也不像我希望的那样兼容。如果我完全诚实
<div id="DOTMtext"><div style="position: absolute; z-index: 2; left: 7em; margin-top: -9em; text-align:left;"><span style="color: white;"><span style="font-size: 200%;">'''[[Bali|<span style="color:white;">Bali</span>]]'''</div>
<div id="DOTMtext"><div style="position: absolute; z-index: 2; left: 7em; margin-top: -6em; text-align:left;"><span style="color: white;"><span style="font-size: 150%;">'''[[Previous Destinations of the month|<span style="color:white;">Destination of the month</span>]]'''</div>
<div id="DOTMtext"><div style="position: absolute; z-index: 2; left: 7em; margin-top: -3em; text-align:left;"><span style="color: white;"><span style="font-size: 130%;">'''[[Bali|<span style="color:white;">"Stakes a serious claim to be paradise on earth"</span>]]'''</div>
| width="60em" |
<div id="DOTM">[[File:BaliBanner5.0.jpg|frameless|1700px|link=Bali|Bali]]</div>
|-
|<hr style="height:1pt; visibility:hidden;" />
|-
| style="text-align:right;" |
<div id="OTBPtext"><div style="position: absolute; z-index: 2; right: 7em; margin-top: -9em; text-align:right;"><span style="color: white;"><span style="font-size: 200%;">'''[[Niamey|<span style="color:white;">Niamey</span>]]'''</div>
<div id="OTBPtext"><div style="position: absolute; z-index: 2; right: 7em; margin-top: -6em; text-align:right;"><span style="color: white;"><span style="font-size: 150%;">'''[[Previously Off the beaten path|<span style="color:white;">Off the beaten path</span>]]'''</div>
<div id="OTBPtext"><div style="position: absolute; z-index: 2; right: 7em; margin-top: -3em; text-align:right;"><span style="color: white;"><span style="font-size: 130%;">'''[[Niamey|<span style="color:white;">A lively Sahelian city on <br> the banks of the Niger River</span>]]'''</div>
| width="60em" |
<div id="OTBP">[[File:Niameybanner1.jpg|frameless|max-width: 100%|1700px|link=Niamey|Niamey]]</div>
|-
|<hr style="height:1pt; visibility:hidden;" />
|-
| style="text-align:left;" |
<div id="FTTtext"><div style="position: absolute; z-index: 2; left: 7em; margin-top: -9em; text-align:left;"><span style="color: white;"><span style="font-size: 200%;">'''[[Diving the Cape Peninsula and False Bay|<span style="color:white;">Diving the Cape Peninsula and False Bay</span>]]'''</div>
<div id="FTTtext"><div style="position: absolute; z-index: 2; left: 7em; margin-top: -6em; text-align:left;"><span style="color: white;"><span style="font-size: 150%;">'''[[Previous Featured travel topics|<span style="color:white;">Featured travel topic</span>]]'''</div>
<div id="FTTtext"><div style="position: absolute; z-index: 2; left: 7em; margin-top: -3em; text-align:left;"><span style="color: white;"><span style="font-size: 130%;">'''[[Diving the Cape Peninsula and False Bay|<span style="color:white;">"The waters support a thriving ecology of cool temperate <br /> marine organisms and they include some of the most awesome <br /> and spectacular encounters possible for a diver"</span>]]'''</div>
| width="60em" |
<div id="FTT">[[File:Reef scene at Rocky Bank with fish P9205353.jpg|frameless|1700px|link=Diving the Cape Peninsula and False Bay|Diving the Cape Peninsula and False Bay]]</div>
|}
“[[Bali | Bali]]”
“[[本月以前的目的地|本月目的地]]””
“[[Bali |”郑重宣称自己是地球上的天堂”]”
|宽度=“60em”|
[[文件：BaliBanner5.0.jpg |无框架| 1700px | link=Bali | Bali]]
|-
|
|-
|style=“文本对齐：右；”|
“[[Niamey | Niamey]]”
''“[[以前不走寻常路|不走寻常路]]”
“[[尼亚美，尼日尔河沿岸一座充满活力的萨赫勒城市]”
|宽度=“60em”|
[[文件：Niameybanner1.jpg |无框|最大宽度：100%| 1700px | link=Niamey | Niamey]]
|-
|
|-
|style=“文本对齐：左；”|
“[[潜入开普半岛和假海湾|潜入开普半岛和假海湾]”
“[[以前的特色旅游主题|特色旅游主题]]””
“[[在开普半岛和假湾潜水]”这些水域支持着一个蓬勃发展的冷温带海洋生物生态系统，其中包括一些最令人敬畏的
和潜水员可能遇到的壮观遭遇”]”
|宽度=“60em”|
[[文件：岩石海岸的礁石场景与鱼P9205353.jpg |无框架| 1700px | link=潜入开普半岛和假海湾|潜入开普半岛和假海湾]]
|}