1.上傳圖片 

首先，我們需要將圖片上傳至135編輯器中。選擇編輯區(qū)上方的圖片上傳按鈕，選擇你制作好的圖片（兩張圖片需尺寸一樣），點(diǎn)擊上傳按鈕。

圖片上傳成功后，我們需要復(fù)制圖片的地址才能夠使用圖片。

在135編輯器中，找到左側(cè)的『圖片素材』，在這里保存著你所在135編輯器中上傳的圖片。找到你剛上傳的圖片素材，點(diǎn)擊下方的復(fù)制按鈕，即可復(fù)制圖片的地址。

 
 2.使用樣式 

點(diǎn)擊『顯示底圖樣式』，選擇專業(yè)版編輯器菜單中的『動(dòng)畫』按鈕，進(jìn)入到『動(dòng)畫』編輯界面。

在這里，我們可以對(duì)整個(gè)樣式進(jìn)行修改。胖友們只需要將剛才保存的圖片地址粘貼至圖片鏈接中即可。

為了方便胖友們的操作，在動(dòng)畫編輯區(qū)域我們新增了動(dòng)畫展示框，胖友們完成圖片的設(shè)置后，可以在右側(cè)的展示區(qū)里點(diǎn)擊樣式查看效果哦！

Tip：這里需要注意的是，樣式中使用的兩張圖需要大小一致，否則會(huì)使樣式點(diǎn)擊后顯示有問題。

有胖友可能要問了，那如果我的圖片不是豎版的該怎么辦呢？

別急，三兒來教你通過修改代碼來解決！

首先將我們的樣式插入至135編輯器中，選中樣式后點(diǎn)擊HTML代碼進(jìn)入代碼編輯界面。

找到三兒標(biāo)注出來的地方，將數(shù)字改為你圖片的大小就可以開始按照上面的步驟進(jìn)行修改了。

PS：不知道你圖片的大小是多少？雙擊圖片后選擇『插入遠(yuǎn)程圖片』，右側(cè)就會(huì)顯示這個(gè)圖片的具體尺寸哦！

 
 3.修改持續(xù)時(shí)間  

“我想讓點(diǎn)擊后的動(dòng)畫時(shí)間長一點(diǎn)，該如何制作呢？”

這個(gè)就更簡單啦，還是需要通過『修改HTML代碼』來實(shí)現(xiàn)哦，不過這次只需要更改一個(gè)數(shù)字就可以了！

首先，一定要先選中我們的樣式，然后點(diǎn)擊『HTML代碼』按鈕。

然后找到  dur="2s" 這行代碼，將里面的數(shù)字『2』更換為你想要讓動(dòng)畫顯示的時(shí)長，即可完成。