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

一、滑動(dòng)樣式—有樣式的滑動(dòng)

1.1 尋找滑動(dòng)樣式

首先，打開(kāi)你的135編輯器。在編輯器頁(yè)面左側(cè)，找到[樣式]選項(xiàng)。在頂部的SVG分類(lèi)中，選擇[滑動(dòng)]，這里匯集了各種滑動(dòng)樣式供你選擇。

1.2 更換圖片

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

單擊需要替換的圖片。

在圖片編輯選項(xiàng)中選擇[換圖]。

注意，為了保持滑動(dòng)效果的一致性，新圖片的尺寸應(yīng)與原圖一致。你可能需要對(duì)新圖片進(jìn)行裁剪以符合原尺寸。

1.3 編輯SVG動(dòng)畫(huà)

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

1.4 增刪圖片

若要增加或減少滑動(dòng)中的圖片數(shù)量，同樣以樣式120420為例：

單擊滑動(dòng)樣式，在全局樣式中選擇[加一個(gè)]來(lái)增加圖片。

如果需要減少圖片，點(diǎn)擊[減一個(gè)]即可。

二、滑動(dòng)布局—最純粹的滑動(dòng)

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

在編輯器左側(cè)頂部，找到[布局]—[基礎(chǔ)布局]—[滑動(dòng)布局]。點(diǎn)擊[滑動(dòng)布局]到編輯器頁(yè)面。

2.2 設(shè)置滑動(dòng)參數(shù)

在滑動(dòng)布局中，你可以設(shè)置滑動(dòng)方向（豎向或橫向）、背景、寬度等內(nèi)容。

2.3 上傳并編輯圖片

添加三塊滑動(dòng)布局。

雙擊每塊滑動(dòng)布局，進(jìn)入編輯頁(yè)面后上傳圖片。確保所有滑動(dòng)素材的寬高一致。

圖片之間沒(méi)有空隙會(huì)顯得很緊湊，可以給圖片添加邊距。

三、SVG滑動(dòng)組件—最會(huì)玩的滑動(dòng)

3.1 使用SVG編輯器

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

進(jìn)入SVG編輯器頁(yè)面，在[互動(dòng)效果]中選擇[滑動(dòng)]。

3.2 預(yù)覽效果

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

通過(guò)上述步驟，你可以輕松地在公眾號(hào)中實(shí)現(xiàn)圖片的左右滑動(dòng)效果，提升用戶(hù)的閱讀體驗(yàn)。現(xiàn)在，就動(dòng)手試試吧！