長圖橫滑

Slide Show

圖文布局中的 CSS 滑動排版，通常其滑塊會以等分的方式呈現(xiàn)，因而設(shè)計師切片時也一般直接采用平均切片導出。

但有時，我們會希望切圖各自保持一定的完整性，形成非等分切片組成的橫向超長圖，正如 Apple 公眾號在《待簽收：Apple Park 新鮮送達》、《AirPods Max 高調(diào)奏響?！返韧扑椭械奶幚矸绞健俏覀儜?yīng)該套用 E2.COOL 編輯器的哪個組件來實現(xiàn)類似效果呢？

SVG 編輯器中的這一組件，特性在于允許你上傳特定數(shù)量的多個切片，但不要求你保持這些切片寬度的統(tǒng)一性，平臺自動會將它們分配就位。

不過注意，不限制切片寬度不等同于設(shè)計師可以過分隨意切圖，因為微信公眾平臺對于過寬的圖片，是會高強度壓縮尺寸的！原則上，我們建議你對切片的寬度上限控制在 2500px 以內(nèi)，并通過該組件的篩選器合理選擇數(shù)量。

E2.COOL 的專業(yè)級會員/企業(yè)級會員可使用該組件，即刻前往黑科技編輯器，在「滑動模塊」大類中找到「長圖橫滑（默認10圖）」暢快體驗！

企業(yè)級會員額外可以通過自定義參數(shù)功能精確控制首屏畫幅顯示范圍！具體方法是，在自定義參數(shù)功能中輸入百分數(shù)，由此控制了整體滑動寬度相對首屏寬度的倍數(shù)。例如我們的最終滑動量跨過 10 屏，那么輸入的自定義參數(shù)為 1000，因為 1000% 為 10 倍。

當然，如果你需要自由度更大的滑塊布局方式，完全自主決定每個切片的漂浮位置，那么就必須結(jié)合「自由布局」大區(qū)的組件完成了。由此其操作的難度會更高，建議你先閱讀《視頻｜想玩轉(zhuǎn)「自由布局」組件的運營人看過來！》（https://mp.weixin.qq.com/s/nC3V2p3RrAHgbc7QklxrSA）學習。

編輯器網(wǎng)址：

https://www.e2.cool/