點(diǎn)擊隨機(jī)切換圖片，3種效果任你選
如果你想在圖文中做一個(gè)小的抽獎(jiǎng)活動(dòng)，或者向不同用戶隨機(jī)展示產(chǎn)品美照，今天推薦的SVG效果正好適合你。
效果1：點(diǎn)擊直接隨機(jī)切換不同圖片
*素材來(lái)自華為終端客戶服務(wù)《女神的禮物…》
組件：點(diǎn)擊-隨機(jī)切換不同圖片(有觸發(fā)區(qū))
編號(hào)：11452（組件）
效果2：點(diǎn)擊左右滑動(dòng)打開(kāi)隨機(jī)切換
組件：點(diǎn)擊-左右滑動(dòng)打開(kāi)-打開(kāi)結(jié)果隨機(jī)(有觸發(fā)區(qū))
編號(hào)：11459（組件）
效果3：點(diǎn)擊圖片自動(dòng)輪播隨機(jī)切換
組件：點(diǎn)擊-圖片自動(dòng)輪播(輪播結(jié)果隨機(jī))
編號(hào)：11476（組件）
以上3種都是點(diǎn)擊隨機(jī)切換圖片，也就是不同用戶點(diǎn)擊后出現(xiàn)的結(jié)果不一樣，它們的區(qū)別只是點(diǎn)擊后的交互動(dòng)畫效果不同。
每種效果都有支持添加小程序和超鏈接的版本。
在 iPaiban Pro 黑科技編輯器中搜索關(guān)鍵詞【隨機(jī)】可以看到所有相關(guān)組件。
以效果3為例，一起看下教程吧：
詳細(xì)教程：
工具：iPaiban Pro 黑科技編輯器，網(wǎng)址：SVG.iPaiban.com
組件：點(diǎn)擊-圖片自動(dòng)輪播(輪播結(jié)果隨機(jī))
編號(hào)：11476（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點(diǎn)擊編輯器右側(cè)「組件」按鈕，在「點(diǎn)擊」分類中找到「點(diǎn)擊-圖片自動(dòng)輪播(輪播結(jié)果隨機(jī))」組件，或者直接搜索組件編號(hào)11476，點(diǎn)擊選擇。
第2步：上傳圖片素材
點(diǎn)擊頁(yè)面右側(cè)「換圖」按鈕上傳封面圖，點(diǎn)擊「+」號(hào)批量上傳結(jié)果圖，所有圖片的尺寸應(yīng)保持一致。
第3步：設(shè)置觸發(fā)區(qū)域
雙擊編輯區(qū)的圖片，調(diào)出觸發(fā)區(qū)域調(diào)整窗口，紅色色塊代表觸發(fā)區(qū)域，可隨意拖動(dòng)調(diào)整。
第4步：調(diào)整動(dòng)畫參數(shù)
在右側(cè)上傳圖片位置的下方，可調(diào)整圖片輪播的動(dòng)畫時(shí)間和輪播圖之間的距離，如無(wú)特殊要求保持默認(rèn)即可。
第5步：導(dǎo)入公眾號(hào)后臺(tái)
點(diǎn)擊最右側(cè)「預(yù)覽草稿」預(yù)覽效果，效果滿意后點(diǎn)擊「同步至微信后臺(tái)」就可以了。
使用同步功能不用頻繁在編輯器和微信后臺(tái)切換，同步成功后可以立即掃描二維碼預(yù)覽在公眾號(hào)的效果。
如需局部導(dǎo)入可參考：《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器，網(wǎng)址：SVG.iPaiban.com，復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開(kāi)，即可開(kāi)始注冊(cè)并使用。
新用戶在「新手禮包」可領(lǐng)取3天企業(yè)標(biāo)準(zhǔn)版會(huì)員體驗(yàn)權(quán)，以及22個(gè)常用必備組件的大禮包（1年）。隨禮包附贈(zèng)千元優(yōu)惠券，每單最高立降500元。
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）