不玩假循環，點擊無限循環切換效果來啦！
以前運營的小伙伴總問到的一個問題是：
「點擊切換一張圖片，再點擊回到第一張，兩張圖片不斷來回點擊切換的效果，編輯器可以實現嗎？」
以往給大家的答案是，可以利用「連續點擊切換圖片」的效果，將兩張圖片重復放置多次。
但有的小伙伴覺得有些麻煩，而且這是假循環，不是真正的永遠循環。
現在真·循環切換圖片來啦！點擊試試：
*素材來自ColeHaan歌涵《COLE HAAN發起定位共享…》
組件：點擊-無限循環切換圖片(兩圖版本)
編號：11738（組件）
使用 iPaiban Pro 黑科技編輯器制作這個效果超簡單，搜索選擇「點擊-無限循環切換圖片(有觸發區,兩圖版本))」組件（編號：11738），分別上傳點擊前和點擊后的兩張圖片，然后調整下觸發區就可以了。
不過這種真·循環切換圖片也有一個缺點就是容易誤觸，大家仔細體驗下會發現當手指碰到圖片時就會觸發切換效果。
所以今天真正給大家推薦的是一個可以設置循環切換次數的組件。
使用該組件雖然做不到真正的永遠循環，但我們可以直接設置循環切換的次數，無需像「連續點擊切換圖片」那樣重復上傳素材。另外它也不局限于兩張圖片，而是支持多張圖片多次循環，還可以設置切換動畫的快慢，手指碰到不容易誤觸。
下面是6張圖片循環切換10次的效果：
*素材來自林肯汽車《666666》
組件：點擊-循環切換圖片(有觸發區)
編號：11625（組件）
一起看下教程吧：
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組件：點擊-循環切換圖片(有觸發區)
編號：11625（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器右側「組件」按鈕，在「點擊」分類中找到「點擊-循環切換圖片(有觸發區)」組件，或者直接在搜索框中搜索組件編號11625，點擊選擇。
第2步：上傳圖片素材
點擊右側「+」號上傳切換圖。每張圖片尺寸需保持一致，順序不對可直接拖動調整。
第3步：設置觸發區域
雙擊編輯區的圖片，在彈出的窗口中紅色色塊表示觸發區域，可任意調整位置和大小。如果是多張圖片注意每張圖片都需設置觸發區。
第4步：調整動畫參數
右側滑動滑桿可分別調整切換動畫的時間以及切換循環次數。
循環次數一般設置10次就足夠了，很少有用戶會連續點擊10遍查看圖片，當用戶點擊第3遍發現圖片還可以切換時，大腦一般就會認為這是可以無限循環切換的了。
第5步：導入公眾號后臺
點擊最右側「預覽草稿」可隨時預覽效果，預覽效果滿意后點擊右側「同步至微信后臺」就可以了。
使用同步功能不用頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼預覽在公眾號的效果。
如需局部導入可參考：《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可注冊，編輯器1500+組件/組合現已全部支持免費試用了。
新用戶在「新手禮包」可領取3天企業標準版會員免費商用，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）