背景和前景一塊輪播，是個(gè)什么效果？
要說展示產(chǎn)品、人物或攝影圖，自動(dòng)輪播banner是一個(gè)非常經(jīng)典且實(shí)用的效果。
自動(dòng)輪播banner，無需讀者滑動(dòng)，圖片自動(dòng)輪播展示，不占用過多的圖文空間，就像網(wǎng)站和App首頁(yè)的banner一樣。
組件：自動(dòng)-輪播Banner
編號(hào)：10207（組件）
好用是好用，不過這種效果不少小伙伴說是已經(jīng)看慣了，那今天就給大家推薦一下這種效果的升級(jí)版本，雙層輪播banner。
之前介紹過前景輪播背景切換的雙層banner：
組件：雙層banner
編號(hào)：10865（組件）
今天介紹的是背景和前景都能自動(dòng)輪播的，來自Wantsuit紳裝《春 日 樂 輯》：
組件：背景輪播+前景輪播
編號(hào)：11489（組件）
在 iPaiban Pro 編輯器中，使用對(duì)應(yīng)組件可以分別調(diào)整背景和前景的輪播時(shí)間，可以讓背景先于前景輪播，或者讓前景先于背景輪播。另外在背景和前景之間，還支持上傳一張靜止的圖片（可不傳），讓你有更大的創(chuàng)意發(fā)揮空間。
一起看看如何使用吧：
詳細(xì)教程：
工具：iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com
組件：背景輪播+前景輪播
編號(hào)：11489（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點(diǎn)擊編輯器左側(cè)「組件」按鈕，在「自動(dòng)」-「Banner/輪播」分類中找到「背景輪播+前景輪播」組件，或者直接搜索組件編號(hào)11489，點(diǎn)擊選擇。
第2步：上傳圖片素材
點(diǎn)擊右側(cè)「+」號(hào)分別上傳背景和前景輪播圖。如有需要還可上傳1張中間層圖片，也可不傳。
所有圖片尺寸需保持一致。
第3步：調(diào)整動(dòng)畫參數(shù)
分別調(diào)整背景和前景的輪播時(shí)間。每層輪播都有開始、停留和切換時(shí)間3個(gè)維度可調(diào)。
點(diǎn)擊最右側(cè)「預(yù)覽草稿」可隨時(shí)預(yù)覽效果，根據(jù)效果及時(shí)進(jìn)一步進(jìn)行調(diào)整。
第4步：導(dǎo)入公眾號(hào)后臺(tái)
效果滿意后點(diǎn)擊「同步至微信后臺(tái)」同步到自己的公眾號(hào)就可以了。
使用同步功能不用頻繁在編輯器和微信后臺(tái)切換，同步成功后可以立即掃描二維碼預(yù)覽在公眾號(hào)的效果。
如需局部導(dǎo)入可參考：《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com，復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊(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)谖恼麻_頭和結(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)論
暫無評(píng)論哦，快來評(píng)論一下吧！
全部評(píng)論（0條）