“圖文展開，點擊切換前后的圖片尺寸不一致可以嗎？”
說到點擊切換后展開，一般是指點擊切換圖片后接著圖文展開，這里面的點擊切換圖片，切換前后的圖片還需尺寸一致。
最近就有小伙伴問了：
「點擊切換前后的圖片尺寸不一致可以嗎？」「點擊切換的不是圖片而是視頻號，然后展開可以嗎？」「點擊切換為滑動或者其他交互，然后展開可以嗎？」……
都是可以的。
問這些問題，大家一定是忽略了編輯器很久就有的一個展開組合「點擊消失+展開(設置觸發區域)」，它和「點擊切換圖片+展開(有觸發區)」組合的區別是，它在點擊首屏圖片消失后，首屏顯現的內容不局限一張同尺寸圖片，可以是各種交互效果。
例如點擊顯現視頻號，接著圖文展開：
*素材來自阿維塔《小暑，悠然消夏》
組合：點擊消失+展開(設置觸發區域)
編號：11186（組合）
還有點擊顯現左滑交互，接著圖文展開：
*素材來自素材來自MLB品牌《官宣｜MLB潮流品牌代言人虞書欣》
組合：點擊消失+展開(設置觸發區域)
編號：11186（組合）
其他消失展開組合編輯器可搜索「連續點擊切換圖片+消失展開(可設置觸發區域)」（編號：10469）、「點擊消失+從頭展開(有觸發區)」（編號：10402），前者常用于密碼鎖展開創意（元氣森林、東風標致）。
以示例1為例，一起看下如何制作的吧：
詳細教程：
工具：iPaiban Pro 黑科技編輯器，
網址：SVG.iPaiban.com
組合：點擊消失+展開(設置觸發區域)
編號：11186（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器右側「組合」按鈕，在「花樣展開」分類中找到「點擊消失+展開(設置觸發區域)」組合，或者直接在搜索框中搜索組合編號11186，點擊選擇。
第2步：進入組合編輯模式
點擊「編輯組合」，進入組合編輯模式。
在組合編輯模式中，分為展開前和展開后兩塊設置區域。展開前只需上傳一張圖片，展開后可以任意嵌套各種效果。
第3步：設置「展開前」內容
點擊「展開前」區域，在右側點擊「換圖」按鈕上傳準備好的展開前圖片。
雙擊「展開前」區域上傳的圖片，調整點擊觸發的區域。
第4步：設置「展開后」內容
「展開后」的內容支持嵌套各種組件，需要什么效果就在左側「組件」分類中找到相應的組件拖動到組件位中，然后上傳需要的素材即可。
添加組件位-拖動組件到組件位中-上傳圖片，每需要一個樣式就按照這3步操作：
本文示例1中展開的第1個效果是視頻號，這里我們拖入一個「視頻號-圖片」組件（編號：10228）。
第5步：設置展開參數
點擊右側紅色小三角，可以設置展開前圖片的切換時長和展開時長。
如果預覽效果發現內容沒有完全展開或者展開過長，可以通過「加減展開高度（px）」進行調整，輸入負數減小展開高度。
第6步：導入公眾號后臺
內容編輯完畢后，點擊左上角「保存并退出」逐步退出組合編輯模式回到編輯器主頁面。
繼續點擊最右側「預覽草稿」，效果滿意后接著點擊「同步至微信后臺」就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
如需局部導入可參考：《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可注冊，編輯器1500+組件/組合現已全部支持免費試用了。
新用戶在「新手禮包」可領取3天企業標準版會員免費商用，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）