微信公眾號實現banner輪播圖效果(輪播圖制作方法)
在微信公眾號中如何實現像下圖一樣的banner輪播圖效果?你可以用135編輯器套用一個自動輪播的模板,輪播圖制作方法十分方便,今天我就教教你!
怎么樣,這個滑動樣式是不是有點不一樣?絲滑流暢,自動輪播,搭配合適的比格設計圖片就能夠實現炫酷的效果!悄悄告訴大家,蘋果就在推文中使用過類似的效果!話不多說,教程開始!

上下左右切換圖片樣式ID:100167
【樣式作用】:創意SVG,可以與讀者進行有效的互動,幫助打造文章氛圍。除此之外,還可以結合產品特性,制作出更多的玩法。
【使用說明】:如需要替換圖片,請在專業版用動畫功能,需要使用同步功能同步至微信公眾號。
135編輯器對SVG樣式做了更新,在專業版中特意添加了『動畫』按鈕,胖友們可以在『動畫』設置中對SVG樣式進行修改。
1.首先將編輯器切換至專業版,點擊右側『更多功能』,在彈出的菜單中選擇『切換專業版』,即可將編輯器切換為專業版。
2.搜索樣式ID:100167,找到『上下左右切換圖片』樣式,插入至編輯器中。
3.點擊選中樣式(在樣式周圍出現虛線框時,才算選中哦!),在彈出的菜單欄中,選擇『動畫』按鈕,進入動畫設置界面。
這里需要注意的是:只有SVG樣式才會有動畫按鈕哦,普通的樣式是沒有動畫按鈕的。
4.在動畫設置界面,我們就可以對樣式內的圖片進行更換了,胖友們可以選擇『圖片上傳』按鈕對圖片進行替換。
注意:圖片播放順序是倒序播放,建議從最后一張開始倒序上傳圖片哦。
5.在圖片上傳界面,選擇按樣式圖片比例裁剪上傳。
這里需要注意的是:該樣式只支持【4】張圖片的切換,但是要上傳5次圖片,因為首圖和尾圖需要保持是同一張圖片才能實現無縫輪播,否則會導致樣式顯示出現問題哦!
5.設置完所有內容以后,胖友們可以在右側的預覽框中進行測試,也可以返回編輯器界面,點擊右側菜單欄中的『手機預覽』進行測試。
注意事項:
這里需要注意的是,由于微信公眾號后臺限制,所以輪播圖效果排版完成后的推文需要使用保存同步功能,如果使用復制粘貼會導致樣式失效哦!
- END -
立即登錄

- 雙十二電商活動宣傳排版素材(電商商品促銷推廣模版樣式)
- 乞巧節微信公眾號推文排版素材(愛情浪漫活動推廣文案)
- 二十四節氣立秋圖文排版素材(金黃色系立秋推文文案模版)
- 八一建軍節紀念日推文排版樣式(光輝歷程文案宣傳模版)



