SVG排版教學——自動輪播樣式
SVG排版教學——自動輪播樣式
又到了我們的SVG教學環(huán)節(jié)了，朋友們是不是特別期待呀。在之前的推文中我們有說過如何使用滑動樣式來進行排版，滑動樣式在推文中的使用也是非常的廣泛。
有朋友可能要說了：“還要我自己去滑動，太麻煩了，要是能自己滑動就好了！”
誒，你別說，還真可以！
先來看看效果吧。
▼我是全自動的哦~▼
怎么樣，是不是特別有有意思！不用動手，就可以實現圖片自動滑動，簡直是『懶癌』患者的福音啊！
那么問題來了，這個樣式該如何使用呢？
別急，今天三兒來教你，輕松玩轉SVG點擊樣式！
話不多說，教程開始！
自動輪播樣式
ID:99049
【樣式作用】：節(jié)約排版空間，版面清爽整潔的同時還能與讀者進行有效的互動，幫助打造文章氛圍。除此之外，還可以結合產品特性，制作出更多的玩法。
【使用說明】：該樣式只支持4張圖片的切換，上傳圖片請使用按樣式圖片比例上傳，建議使用1280*845尺寸的圖片，首圖和尾圖需要保持是同一張圖片才能實現無縫輪播，需要使用同步保存功能同步到公眾號。
首先，我們需要準備樣式中所需要用到的圖片，所有的圖片都需要保持寬高一致，不然會導致樣式錯版哦！
一、如何更換圖片？
按照上面的要求準備好圖片以后，我們就可以開始更換圖片了。更換圖片我們可以使用專業(yè)版編輯器的動畫功能來進行更換。
1.首先將編輯器切換至專業(yè)版，點擊右側『更多功能』，在彈出的菜單中選擇『切換專業(yè)版』，即可將編輯器切換為專業(yè)版。
2.搜索樣式ID：99049，找到『點擊切換圖片』樣式，插入至編輯器中。
3.點擊選中樣式（在樣式周圍出現虛線框時，才算選中哦！），在彈出的菜單欄中，選擇『動畫』按鈕，進入動畫設置界面。
這里需要注意的是：只有SVG樣式才會有動畫按鈕哦，普通的樣式是沒有動畫按鈕的！
4.在動畫設置界面，我們就可以對樣式內的圖片進行更換了，朋友們可以點擊鏈接下方的『圖片上傳』按鈕上傳圖片。
這里需要注意的是：首圖和尾圖需要保持是同一張圖片才可以實現無縫輪播哦！
5.我們還可以給圖片添加濾鏡，點擊『圖片濾鏡』，在彈出的濾鏡設置頁面中，選擇你想要使用的濾鏡，點擊『完成編輯』即可完成設置。
6.設置完所有內容以后，朋友們可以在右側的預覽框中進行測試，也可以返回編輯器界面，點擊右側菜單欄中的『手機預覽』進行測試。
注意事項：
這里需要注意的是，由于微信后臺限制，所以排版完成后的推文需要使用保存同步功能，如果使用復制粘貼會導致樣式失效哦！
好啦，今天的教程就到這里啦
朋友們學會了嗎？
立即登錄
