點擊開門、開百葉窗切換圖片，準(zhǔn)備迎接春天吧！
有的地方雖然還在下雪，但時光飛逝，三月春光也不遠啦。
點擊切換圖片效果又又又又上新了，今天給大家推薦點擊開門和開窗式切換圖片效果。非常適合點擊后出現(xiàn)驚喜的畫面創(chuàng)意排版，比如春天在即，點擊后是一片大好春光。
點擊左開門切換圖片：
組件：點擊-左開門切換圖片
編號：11230（組件）
點擊右開門切換圖片：
組件：點擊-右開門切換圖片
編號：11231（組件）
點擊上開門切換圖片：
組件：點擊-上開門切換圖片
編號：11232（組件）
點擊下開門切換圖片：
組件：點擊-下開門切換圖片
編號：11233（組件
點擊左開窗切換圖片：
組件：點擊-左開窗切換圖片
編號：11473（組件）
可設(shè)置觸發(fā)區(qū)的點擊左開窗切換圖片：
組件：點擊-左開窗切換圖片(有觸發(fā)區(qū))
編號：11474（組件）
其中開門切換分為上、下、左、右四個方向，開窗切換目前只有左方向，但另有支持設(shè)置觸發(fā)區(qū)和連續(xù)點擊切換的。
開門和開窗切換組件的使用過程差不多，開窗切換的稍微復(fù)雜一些，我們以「點擊-左開窗切換圖片(有觸發(fā)區(qū))」組件為例，一起看下使用教程吧：
工具：iPaiban Pro黑科技編輯器，網(wǎng)址：x.iPaiban.com
組件：點擊-左開窗切換圖片(有觸發(fā)區(qū))
編號：11474（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側(cè)「組件」按鈕，在「點擊」分類中點擊選擇「點擊-左開窗切換圖片(有觸發(fā)區(qū))」組件，或者直接在搜索框中搜索組件編號11474。
第2步：上傳圖片
點擊兩個「換圖」按鈕，分別上傳「點擊前」和「點擊后」的圖片。兩張圖片尺寸需保持一致。
第3步：調(diào)整觸發(fā)區(qū)域
雙擊編輯區(qū)圖片，調(diào)出觸發(fā)區(qū)域調(diào)整窗口。紅色色塊代表觸發(fā)區(qū)域，拖拽至合適位置即可。
第4步：調(diào)整動畫參數(shù)
拖動滑桿分別調(diào)整點擊后圖片切分的「列數(shù)」以及「動畫時間」。
點擊最右側(cè)「預(yù)覽草稿」可隨時預(yù)覽效果。
第5步：導(dǎo)入公眾號后臺
效果滿意后點擊「同步至微信后臺」同步到自己的公眾號就可以了。
使用同步功能不用頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
如需局部導(dǎo)入可參考：《iPaiban Pro小助手v2.0安裝和使用教程》
制作SVG交互圖文認準(zhǔn) iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com，復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領(lǐng)取3天企業(yè)標(biāo)準(zhǔn)版會員體驗權(quán)，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優(yōu)惠券，每單最高立降500元。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）