酷炫的多圖循環(huán)輪播怎么做？簡單4步搞定

時間：2023-09-06 08:42:01 | 來源：網(wǎng)站運營

時間：2023-09-06 08:42:01 來源：網(wǎng)站運營

酷炫的多圖循環(huán)輪播怎么做？簡單4步搞定：哈嘍，大家好呀，在公眾號排版過程中，很多小伙伴都曾面臨過一個問題，就是如何把多圖排版做的更高級，展示度更高并且占篇幅更小？
大部分小伙伴拿到多圖排版的文章，一般都只知道設(shè)置成左右或者上下滑動輪播圖，這是以前常用的方法。今天給大家分享一個多圖循環(huán)輪播的排版技巧，排出來非常有高級感而且占篇幅小還能保證展示度的問題，不信你來看看。

先給大家展示下常用的5種多圖循環(huán)輪播的效果：

（1）圖彈動輪播（橫向）兩圖及兩圖以上的多圖彈動式橫向自動輪播，可設(shè)置輪播圖邊距、背景圖或背景色、滾動方向和動畫時長


（2）圖片輪播-上下左右切換，圖片依次無限循環(huán)地向上、下、左、右滾動輪播，圖片數(shù)量需要是4的倍數(shù)。


（3）圖片田字分裂對邊移出輪播，多張圖片田字分裂對邊移出切換，自動播放，可設(shè)置順時針或逆時針播放動畫。


（4）圖片橫向百葉窗分裂錯位移出輪播，多張圖片橫向百葉窗式分裂切換，自動播放。


（5）橫向停頓式圖片輪播，多張圖片無限循環(huán)向左輪播或向右輪播，每張圖完整顯示后會停頓一會再繼續(xù)播放，播放的快慢可以進行設(shè)置。



如何才能制作出這種個性化的多圖循環(huán)輪播呢？

01 進入SVG編輯器



網(wǎng)頁搜索135編輯器，進入主頁面，在左側(cè)找到svg編輯器點擊進入。

02 添加組件
進入SVG編輯器后，如果你是第一次做循環(huán)輪播，那么就可以直接點開【分類】找到【輪播】，就能看到多個輪播樣式，講鼠標移動到SVG組件上，可以看教程，也可以掃碼看預(yù)覽效果，通過不同的效果，選擇出你喜歡的，然后點擊樣式添加到編輯區(qū)域進行編輯。



如果你熟悉輪播樣式，也可以通過你喜歡的樣式ID，直接搜索ID,一鍵找到你想要的輪播樣式，然后進行選擇編輯。

03上傳圖片
選擇好樣式之后，開始進行上傳圖片，在編輯器右側(cè)的配置區(qū)域，找到上傳圖片的【+】按鈕，點擊將圖片上傳。



04 同步/導出

圖片上傳完之后，就可以直接保存導出了。這里再次提醒小伙伴們，在SVG排版文章之后，一定要記得使用『同步』或『導出』功能，保存到微信公眾號平臺。

這里為什么不能直接復制到公眾號后臺呢？
因為svg特殊樣式的組件比較多，用直接復制的話，會造成一些組件丟失，你復制到公眾號后臺的內(nèi)容就沒辦法像你設(shè)計的那樣正常播放，影響美觀也耽誤工作效率，這一點大家一定要注意哈。

好啦，今天的內(nèi)容就分享到這里，如果你也正面臨著多圖排版如何出彩的問題，那一定要試試今天分享的小技巧哈～