怎么樣，這個(gè)滑動(dòng)樣式是不是有點(diǎn)不一樣？絲滑流暢，自動(dòng)輪播，搭配合適的比格設(shè)計(jì)圖片就能夠?qū)崿F(xiàn)炫酷的效果！悄悄告訴大家，蘋果就在推文中使用過類似的效果！話不多說，教程開始！

上下左右切換圖片樣式ID:100167

【樣式作用】：創(chuàng)意SVG，可以與讀者進(jìn)行有效的互動(dòng)，幫助打造文章氛圍。除此之外，還可以結(jié)合產(chǎn)品特性，制作出更多的玩法。

【使用說明】：如需要替換圖片，請(qǐng)?jiān)趯I(yè)版用動(dòng)畫功能，需要使用同步功能同步至微信公眾號(hào)。

135編輯器對(duì)SVG樣式做了更新，在專業(yè)版中特意添加了『動(dòng)畫』按鈕，胖友們可以在『動(dòng)畫』設(shè)置中對(duì)SVG樣式進(jìn)行修改。

1.首先將編輯器切換至專業(yè)版，點(diǎn)擊右側(cè)『更多功能』，在彈出的菜單中選擇『切換專業(yè)版』，即可將編輯器切換為專業(yè)版。

2.搜索樣式ID：100167，找到『上下左右切換圖片』樣式，插入至編輯器中。

3.點(diǎn)擊選中樣式（在樣式周圍出現(xiàn)虛線框時(shí)，才算選中哦?。?，在彈出的菜單欄中，選擇『動(dòng)畫』按鈕，進(jìn)入動(dòng)畫設(shè)置界面。

這里需要注意的是：只有SVG樣式才會(huì)有動(dòng)畫按鈕哦，普通的樣式是沒有動(dòng)畫按鈕的。

4.在動(dòng)畫設(shè)置界面，我們就可以對(duì)樣式內(nèi)的圖片進(jìn)行更換了，胖友們可以選擇『圖片上傳』按鈕對(duì)圖片進(jìn)行替換。

注意：圖片播放順序是倒序播放，建議從最后一張開始倒序上傳圖片哦。

5.在圖片上傳界面，選擇按樣式圖片比例裁剪上傳。

這里需要注意的是：該樣式只支持【4】張圖片的切換，但是要上傳5次圖片，因?yàn)槭讏D和尾圖需要保持是同一張圖片才能實(shí)現(xiàn)無縫輪播，否則會(huì)導(dǎo)致樣式顯示出現(xiàn)問題哦！

5.設(shè)置完所有內(nèi)容以后，胖友們可以在右側(cè)的預(yù)覽框中進(jìn)行測(cè)試，也可以返回編輯器界面，點(diǎn)擊右側(cè)菜單欄中的『手機(jī)預(yù)覽』進(jìn)行測(cè)試。

注意事項(xiàng)：

這里需要注意的是，由于微信公眾號(hào)后臺(tái)限制，所以輪播圖效果排版完成后的推文需要使用保存同步功能，如果使用復(fù)制粘貼會(huì)導(dǎo)致樣式失效哦！