三種方法在公眾號中實現(xiàn)圖片左右滑動效果:詳細教程

本文提供了一份詳盡的教程,教你如何在公眾號文章中實現(xiàn)圖片的左右滑動效果,包括使用滑動樣式、滑動布局和SVG滑動組件的步驟,讓你的內(nèi)容更具吸引力。

在公眾號運營中,圖片的展示方式對于吸引讀者的注意力至關重要。其中,左右滑動圖片效果因其互動性和視覺吸引力而備受歡迎。本文將詳細介紹如何在公眾號中實現(xiàn)這一效果,讓你的內(nèi)容更加生動有趣。

一、滑動樣式—有樣式的滑動

1.1 尋找滑動樣式

首先,打開你的135編輯器。在編輯器頁面左側(cè),找到[樣式]選項。在頂部的SVG分類中,選擇[滑動],這里匯集了各種滑動樣式供你選擇。

1.2 更換圖片

以樣式120420為例,如果你需要更換圖片,可以按照以下步驟操作:

單擊需要替換的圖片。

在圖片編輯選項中選擇[換圖]。

注意,為了保持滑動效果的一致性,新圖片的尺寸應與原圖一致。你可能需要對新圖片進行裁剪以符合原尺寸。

1.3 編輯SVG動畫

如果你需要更精細的控制,可以選擇[編輯SVG動畫]。在編輯頁面中,根據(jù)素材大小更換圖片,并進行相應的調(diào)整。

1.4 增刪圖片

若要增加或減少滑動中的圖片數(shù)量,同樣以樣式120420為例:

單擊滑動樣式,在全局樣式中選擇[加一個]來增加圖片。

如果需要減少圖片,點擊[減一個]即可。

二、滑動布局—最純粹的滑動

2.1 創(chuàng)建滑動布局

在編輯器左側(cè)頂部,找到[布局]—[基礎布局]—[滑動布局]。點擊[滑動布局]到編輯器頁面。

2.2 設置滑動參數(shù)

在滑動布局中,你可以設置滑動方向(豎向或橫向)、背景、寬度等內(nèi)容。

2.3 上傳并編輯圖片

添加三塊滑動布局。

雙擊每塊滑動布局,進入編輯頁面后上傳圖片。確保所有滑動素材的寬高一致。

圖片之間沒有空隙會顯得很緊湊,可以給圖片添加邊距。

三、SVG滑動組件—最會玩的滑動

3.1 使用SVG編輯器

如果你需要更復雜的滑動效果,如添加超鏈接、小程序等,可以通過135編輯器左側(cè)的SVG編輯器實現(xiàn)。

進入SVG編輯器頁面,在[互動效果]中選擇[滑動]。

3.2 預覽效果

將鼠標放在組件上,右側(cè)會出現(xiàn)效果GIF圖展示,讓你直觀地看到最終效果。

通過上述步驟,你可以輕松地在公眾號中實現(xiàn)圖片的左右滑動效果,提升用戶的閱讀體驗?,F(xiàn)在,就動手試試吧!

文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
比格設計
熱門工具
135編輯器
領先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機海報應有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產(chǎn)品設計指南
淺談用戶運營中的用戶分層
內(nèi)容運營:戴上寫作的六頂思考帽
5000字方法論:4個細節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關鍵
抖音賬號內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務費
熱門素材樣式
運營導航
運營工具
分享到