多次點(diǎn)擊換圖展開-自定義觸發(fā)

    多次點(diǎn)擊的每張圖片寬高尺寸需要一致,所有圖片寬度需要一致,展開內(nèi)容的頭部不可以放交互效果的內(nèi)容,可以放無縫圖


    多次點(diǎn)擊換圖展開-自定義觸發(fā)


    多次點(diǎn)擊依次切換多張圖片,最后一張圖片點(diǎn)擊后,該圖片消失,出現(xiàn)設(shè)置的展開圖文內(nèi)容,可自定義點(diǎn)擊的觸發(fā)區(qū)域,全屏展開


    一、視頻教程:



    二、操作步驟:


    1、在組合欄目下找到【多次點(diǎn)擊換圖展開-自定義觸發(fā)】,點(diǎn)擊將組合添加到中間的編輯區(qū)


    image.png


    2、在編輯頁面右側(cè)點(diǎn)擊【添加圖片】按鈕,為組合效果添加展開前的首圖即多次點(diǎn)擊切換的圖片


    注意:多次點(diǎn)擊切換的每張圖片寬高尺寸需要一致,所有圖片寬度需要一致。最后一張圖片點(diǎn)擊后,該圖片消失,展開內(nèi)容的首屏沒有交互效果


    image.png



    3、圖片上傳后,在下方的動畫設(shè)置中,調(diào)整展開動畫的時長


    image.png


    4、點(diǎn)擊【編輯展開內(nèi)容】按鈕,進(jìn)入次編輯界面


    image.png


    5、在左側(cè)素材中心選擇任意素材,將其添加到展開內(nèi)容中,并配置好相應(yīng)的圖片、鏈接或代碼


    (展開內(nèi)容的可使用素材以實(shí)際編輯展開內(nèi)容時顯示的素材列表為準(zhǔn))


    image.png


    6、配置完成后,點(diǎn)擊橙色的【完成】按鈕,回到主編輯界面


    image.png


    7、鼠標(biāo)點(diǎn)擊編輯區(qū)域上的紅色方框,調(diào)整每張圖的觸發(fā)熱區(qū)大小和位置


    image.png


    點(diǎn)擊組合旁邊的左右鍵,即可切換到不同圖層調(diào)整觸發(fā)熱區(qū)



    8、制作好的SVG文章可以通過使用【同步】或【導(dǎo)出】功能,保存到微信公眾號平臺


    image.png


    點(diǎn)擊查看如何使用【同步】
    點(diǎn)擊查看如何使用【導(dǎo)出】




評價此內(nèi)容
有幫助
無幫助
感謝反饋,請問還有其他建議嗎? (選填)