在這里我要感謝大頭方篮，治好了我多年的近視，因為我特么都快瞎了励负。

（辣眼睛）

不過說真的藕溅，這樣的一大推圖片霸滿屏幕，還特別的長继榆，是我就看起來特別的不爽巾表，影響我用戶體驗，而且就連我身邊的其他小伙伴都覺得是這樣略吨。

所以我就想有沒有能把圖片統(tǒng)一裝起來的“容器”集币，看起來更為順暢。

靈感往往一瞬間

這個問題我?guī)滋烨熬驮谙肓私希恢睕]啥思路惠猿，直到我翻閱到某某公眾號的文章中的圖片，可以進行左右滑動负间。然后在回想大頭的文章偶妖，這兩者可以結合起來用。

（類似這樣的）

這簡直是雪中送炭啊政溃，然后我就搜集了相關的資料趾访，這個小技巧早在之前就有使用了的，而且還不限圖片數(shù)量董虱。

我靠扼鞋，逼格那么高，為啥現(xiàn)在用的人少之又少愤诱？是我孤陋寡聞云头？還是這個真的是太冷門了？淫半？或者是實用性不強溃槐？

但不管怎么說，現(xiàn)在還是可以解決目前我的問題科吭，所以我按照教程再加上自己的理解（很簡單的昏滴，教程在后面）猴鲫，很快就做出了一個。

（請往左滑動）

是不是覺得很有逼格谣殊，公眾號文章配圖往左往右滑動一下就就變成了另外一張圖拂共，有點類似于網(wǎng)頁上常見的滾動圖，只不過是不會自動切換姻几，需要主動滑動才能切換宜狐。

有利

那么這個可以左右滑動的圖片對于我們的文章有什么好處呢？

1鲜棠、第一個好處：減短了文章的篇幅長度肌厨。

就像我上面說的那篇文章，因為內(nèi)容的需要豁陆，要求大量的圖片用于輔佐說明，甚至有時候不得不用上多圖吵护。

如果用了滑動圖盒音，原本三行的圖文就可以縮短為一行，這樣就減少了用戶閱讀文章時往下拉所花費的時間馅而。

因為有些人看見文章標題進來的第一反應不是馬上閱讀文章內(nèi)容的祥诽，而是往下拉到文章底部，看閱讀量瓮恭、看dian贊量雄坪。

更重要的還是看留言區(qū)的用戶評論，因為可以依據(jù)別人的留言來判斷文章是否有閱讀的價值屯蹦，所以我們要為這類型的用戶的體驗著想维哈。

2、第二個好處：用戶視覺體驗好登澜。

這個可以從文章排版的角度分析阔挠，多行多圖片的首先就嚴重的影響了用戶的視覺體驗。文章圖片霸屏脑蠕，密密麻麻的感覺购撼，看起來極為的不爽。

如果用滑動圖代替谴仙，化繁為簡迂求，給用戶呈現(xiàn)簡潔的視覺體驗，這樣既可以增加互動晃跺，又可以提高了用戶對圖片的點擊率揩局，讓圖片的內(nèi)容更為容易曝光。

也有弊

凡事物都有兩面性哼审，使用這種滑動圖也是有著不好的一面谐腰。

1孕豹、犧牲了更多的內(nèi)容，具有局限性十气。

原本可以直接展現(xiàn)更多的內(nèi)容在用戶面前励背，但如果這么做，因為滑動圖的是主要呈現(xiàn)第一張圖片的砸西，后面的需要主動滑動才能呈現(xiàn)出來叶眉。

除非把內(nèi)容圖片拼接在一起呈現(xiàn)，但是這樣的話也會縮小內(nèi)容的曝光率芹枷，所以這是主要的問題就是引導用戶去進行滑動衅疙，也有著一定的被動性。

2鸳慈、實用性不強饱溢，適用場景有限。

滑動圖適用的場景是什么走芋？我個人覺得绩郎，比較常見的就是文章內(nèi)容多圖、長圖翁逞、圖片海報等這幾種場景肋杖。

但是這幾種場景出現(xiàn)的情況不是很高，一般正常的運營者在排版時挖函，都會考慮到避免這種情況的出現(xiàn)状植。

但不管怎么說這個滑動圖，還是有一席之地的用處的怨喘，至少...還可以用來裝逼津畸。

但可能還有些小白不知道得如何做出這種效果，這其實是通過代碼來實現(xiàn)的哲思，不過一說到代碼很多人都頭大洼畅，就連我這個學計算機的也覺得頭大。

下面我就給大家分享一個快速簡單上手的教程棚赔，讓大家文章逼格高檔次帝簇。

制作教程

這里我用的是某編輯器（私聊我吧），找到一個“卡片”的選項靠益，在往下拉（隱藏得很深）丧肴，找到“左右滑動樣式”，鼠標點擊一下就可以添加到排版框里面了胧后。

然后點擊圖片芋浮，圖片底部就會顯示一個小的菜單欄，有四個實用的的小功能：1壳快、替換圖片纸巷；2镇草、圖片陰影；3瘤旨、圖片邊框梯啤；4、圓形圖片存哲。這里我們先把我們想要的圖片換上因宇。

后面的圖片替換也是同理可得，或者是刪完所有圖片祟偷，然后進行多圖上傳察滑，最后就可以粘貼復制到公眾號后臺編輯了。

成功的提示就是圖片下面有一個滾動條顯示（只能在PC電腦端看見修肠，手機端看不見的）贺辰。

需要注意的問題

在制作滑動圖的過程中還需要注意一些細節(jié)問題

1、文章同行的圖片數(shù)量保持在2~3張是最合適的嵌施。如果超過3張圖片以上谦秧，可能在進行頁面邊距調(diào)整的時候會被進行壓縮特笋，那內(nèi)容也就被壓縮了瞬哼。袁余。

2镊尺、圖片的尺寸保持一致的問題扔傅。因為一大一小的圖片進行滑動剑梳，那還不如不弄的好苗傅，也影響用戶視覺體驗捺球。這方面不難的缸浦，可用美圖秀秀這種修圖軟件解決。

3氮兵、頁面邊距大小的問題裂逐。這個是我在操作的過程中發(fā)覺的，直接使用某編輯器進行頁面邊距調(diào)整泣栈，在復制到公眾號上發(fā)覺滑動的樣式已經(jīng)改變了卜高。

所以，這時候我就把它復制粘貼到阿木說過的“構思編輯器”里面進行邊距調(diào)整南片，果然這方法是可行的掺涛，這樣就可以根據(jù)自己的愛好進行調(diào)整了。

4疼进、左右滑動樣式“容器”和圖片鋪滿手機屏幕的問題薪缆。因為在使用的過程中發(fā)覺，最原始的樣式代碼中的圖片大小是固定的伞广，導致圖片無法鋪滿屏幕拣帽，出現(xiàn)空缺疼电。

不過也不用擔心這個問題，根據(jù)上面的情況减拭，我已經(jīng)把“左右滑動圖”調(diào)整為自動適應屏幕大小蔽豺。只要在PC上直接復制我的例子，粘貼到后臺在替換掉圖片即可峡谊。

如果出現(xiàn)意外不能使用茫虽，可以在后臺回復“動圖”即可獲取左右滑動圖的源代碼。