“這種無限選擇切換圖片效果，是怎么做的？”
點擊特定的不同標簽，切換對應的不同內容。
這種無限選擇切換的效果，之前給大家寫過兩次教程介紹，感興趣的戳：
今天還是講它，這次給大家介紹一個實現無限選擇切換效果的更加方便簡單的方法。
如果大家要選擇切換的都是純圖片，可以直接選用「點擊-無限選擇切換圖片」（編號：11765）制作，使用它有3大優勢：
1.不需要單獨給標簽切圖；
2.不限制點擊切換的圖片數量；
3.可以在圖片的任意位置設置點擊切換，不局限在上方。
下面看下示例
點擊切換的標簽在上方，選擇切換的圖片2張：
*素材來自德國BEBA3《I人E人帶娃，跟BEBA適配度有多高？》
組件：點擊-無限選擇切換圖片
編號：11765（組件）
點擊切換的標簽在下方，選擇切換的圖片3張：
*素材來自保時捷中國《718 街頭“顯眼”包》
組件：點擊-無限選擇切換圖片
編號：11765（組件）
點擊切換的標簽在右側，選擇切換的圖片4張（包含封面）：
*素材來自皇家加勒比游輪《8天7晚￥4382/人起……》
組件：點擊-無限選擇切換圖片
編號：11765（組件）
以第3個案例為例，一起看下如何制作的吧。
詳細教程：
工具：iPaiban Pro黑科技編輯器，網址：SVG.iPaiban.com
組件：點擊-無限選擇切換圖片
編號：11765（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，在「點擊」分類中找到「點擊-無限選擇切換圖片」組件，或者直接搜索組件編號11765，點擊選擇。
第2步：上傳圖片素材
在右側需要上傳兩部分圖片：背景圖和切換圖。
背景圖為用戶還未點擊時顯示的圖片；切換圖為用戶可以點擊切換的圖片。背景圖和所有切換圖的尺寸需保持一致。
點擊「換圖」按鈕上傳背景圖，點擊「+」號按順序批量上傳切換圖。
第3步：設置觸發區域
雙擊編輯區上傳的背景圖，會出現一個觸發區域調整窗口。
觸發區序號為幾即代表第幾張切換圖，用戶點擊該序號所在位置便會切換該圖片。
觸發區間不可重疊，調整觸發區到合適位置后，一定點擊「保存設置并退出」才算設置成功。
第4步：導入公眾號后臺
點擊最右側「預覽草稿」掃碼預覽效果，效果滿意后接著點擊「同步至微信后臺」就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
如需局部導入可參考：《iPaiban Pro小助手安裝和使用教程》
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）