模板:輪播圖/文檔
出自卖块资源站
< Template:轮播图
以下是 BWIKI 首頁在2024年7月18日使用的輪播圖源碼。
{{Swiper |联动=主图 |翻页=箭头 |自动播放=是 |[[File:赛马娘收获!饱餐!大丰收祭头图.jpg|赛马娘|class=img-kk|link=https://wiki.biligame.com/umamusume/%E7%A7%8D%E7%94%B0%E6%9D%AF%E5%89%A7%E6%9C%AC%E7%AE%80%E4%BB%8B]] |[[File:幻塔banner图.jpg|幻塔|class=img-kk|link=https://wiki.biligame.com/ht]] <!-- |[[File:方舟新banner图6-7.jpg|明日方舟|class=img-kk|link=https://wiki.biligame.com/arknights/?curid=43405]] --> |[[File:马老师.png|马老师小课堂|class=img-kk|link=https://wiki.biligame.com/wiki/%E9%A9%AC%E8%80%81%E5%B8%88%E5%B0%8F%E8%AF%BE%E5%A0%82]] |[[文件:申请创建WIKI960.png|class=img-kk|link=WIKI申请页面]] }} {{Swiper |联动=缩略图 |[[File:赛马娘收获!饱餐!大丰收祭头图.jpg|赛马娘|class=img-kk|link=https://wiki.biligame.com/umamusume/%E7%A7%8D%E7%94%B0%E6%9D%AF%E5%89%A7%E6%9C%AC%E7%AE%80%E4%BB%8B]] |[[File:幻塔banner图.jpg|幻塔|class=img-kk|link=https://wiki.biligame.com/ht]] <!-- |[[File:方舟新banner图6-7.jpg|明日方舟|class=img-kk|link=https://wiki.biligame.com/arknights/?curid=43405]] -> |[[File:马老师.png|马老师小课堂|class=img-kk|link=https://wiki.biligame.com/wiki/%E9%A9%AC%E8%80%81%E5%B8%88%E5%B0%8F%E8%AF%BE%E5%A0%82]] |[[文件:申请创建WIKI960.png|class=img-kk|link=WIKI申请页面]] }}
我上傳了這幾張圖片,取消方舟的注釋,然後顯示效果如下:(PS:由於操作失誤,文件名格式後綴都重複了……`你看下頁面源碼就知道我什麼意思了`)
嘗試刪除class=img-kk
後,顯示效果如下:
兩個模板之間失去了聯動能力,點擊下方小圖無法切換大圖,所以這個class必須加上。
現在知道怎麼使用這個模板了吧!