首頁 > 運動
首屏就能看到第2張滑動圖，這種滑動排版是怎麼做的？
由 黑科技排版 發表于 運動2022-12-28
簡介使用上方元件上傳滑動圖後，我們可以任意調整一屏顯示的滑動圖範圍，如下所示：詳細教程：工具：iPaiban Pro 黑科技編輯器，網址：x
怎麼製作左右滑動圖片
說到圖片滑動，無論哪個方向的滑動或者多少層的滑動，對素材的要求一般都是滑動圖需尺寸一致。
但也不是所有滑動都有這個要求，我們來看蘋果這個：
沒動就看到了第2張滑動圖的一部分，此時無需用箭頭或文字提示我們就知道向左滑動可以檢視更多。
這種滑動一般不要求滑動圖尺寸一致，而只需高度一致即可。
當然如果我們切圖時像下面一樣切成尺寸一樣的，也能排出同樣的效果。但是請注意，像蘋果這種
每張滑動圖都插入連結的就不行
了，另外如果
滑動圖是GIF也不行
，為了保持圖片尺寸一致我們不可能對一張完整的GIF切分吧？
那今天給大家推薦的就是可以使用不等尺寸的雙層滑動元件「
Apple-雙層滑動-前景左滑（不等尺寸圖片滑動）
」（編號：10380）和「
雙層滑動-前景右滑（不等尺寸圖片）
」（編號：10097），其中左滑的還有可新增超連結（編號：10377）以及小程式（編號：11121）的版本。
使用上方元件上傳滑動圖後，我們可以
任意調整一屏顯示的滑動圖範圍
，如下所示：
詳細教程：
工具：
iPaiban Pro 黑科技編輯器，網址：x。iPaiban。com
元件：
雙層滑動-前景左滑（不等尺寸圖片、超連結）
編號：
10377（元件）
第1步：
選擇元件
登入 iPaiban Pro 編輯器後，點選編輯器左側「元件」按鈕，在「滑動」分類中找到「雙層滑動-前景左滑（不等尺寸圖片、超連結）」元件，或者直接搜尋元件編號10377，點選選擇。
第2步：
上傳圖片素材並新增連結
滑動圖的寬度沒有要求，但高度需保持一致。
底圖尺寸需與第一屏顯示的滑動圖範圍一致。比如下面5張圖片分4屏顯示，那麼底圖尺寸就是紅框所示尺寸。
點選右側「換圖」按鈕上傳底圖，點選「+」號批次上傳滑動圖。
接著在下面分別輸入點選圖片要跳轉的連結即可。
第3步：
調整滑動圖顯示寬度
容器寬度顯示百分之幾百，表示所有滑動圖會顯示幾屏。
比如上傳5張滑動圖，容器寬度預設顯示500，表示這5張滑動圖將會顯示5屏；調整為400，則表示這5張滑動圖將會顯示4屏；調整為200，則表示這5張滑動圖將會顯示2屏。
第4步：
匯入公眾號後臺
效果滿意後接著點選
「同步至微信後臺」
同步到自己的公眾號就可以了。
區域性匯入可參考：
《iPaiban Pro小助手v2。0安裝和使用教程》
現在新使用者註冊登入iPaiban Pro 黑科技編輯器，在「新手禮包」可領取
3天企業標準版會員體驗權
，以及
22個常用必備元件的大禮包（1年）
。
認準編輯器網址：x。iPaiban。com，複製網址在 PC 端 Chrome（谷歌）瀏覽器開啟，即可開始創作SVG互動排版（又稱公眾號互動圖文、互動圖文、黑科技排版、互動式排版）
