我嘗試創建一個輪播如下。但我無法讓它發揮作用。我還嘗試在圓滑的輪播中使用中心模式。但它只適用于中間的幻燈片。如果有可以用這種方式放大第一張幻燈片的方法或庫，請指出。謝謝你。
uj5u.com熱心網友回復：
您可以考慮向幻燈片的元素添加一個“活動”類 - 這樣您就可以將適當的 CSS 應用于活動類，它只會影響活動元素。這意味著其中一個影像將是“活動的”，您可以對其進行任何操作，當它滑動時，另一個將變為“活動”并繼承屬性，而之前的影像將失去它們。
https://www.w3schools.com/howto/howto_js_active_element.asp
uj5u.com熱心網友回復：
獨立于您的實際幻燈片用例，您可以使用 css:first-child偽類（請參閱https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child）定位一組同級中的第一個元素。
我已經添加了一個如何使用它的簡單示例。
要將其傳輸到您的 swiper，您必須將:first-child偽類應用于包裝您的單個幻燈片的類。
.wrapper {
display: flex;
}
.entry {
font-size: 15px;
}
.entry:first-child {
font-size: 20px;
}<div class="wrapper">
<div class="entry">Entry</div>
<div class="entry">Entry</div>
<div class="entry">Entry</div>
<div class="entry">Entry</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/322361.html
標籤：javascript html 查询 css 旋转木马
上一篇：如何將影像最適合固定比例？