5張以上“圖片滑動”怎么改?

教你使用圖片滑動樣式!

通知:使用135編輯器,請在“360安全瀏覽器”“獵豹瀏覽器”“谷歌瀏覽器”,可減少出現(xiàn)一大堆問題!詳情戳《135編輯器新手指南》



胖友們,早上好!


都說一張美美的圖能為文章增色三分!


那如果是一個交互的圖片樣式 + 幾張美美圖呢?這能為文章增色多少呢?


比如這種(樣式ID:90298)

第一張圖片

第二張圖片

第三張圖片

第四張圖片

第五張圖片

左右滑動查看更多


再比如這種(樣式ID:86426)

左右滑動查看更多


使用這種樣式,即能有效的展示圖片,還能縮小文章空間,而且還與讀者存在互動交互,想不想知道這種樣式怎么做出來呢?



上面兩種樣式都可以在樣式中心輸入ID搜索到。


但是,樣式中心的原樣式,都是四張圖片滑動的,直接進(jìn)行換圖就可以使用了。


但如果要像三兒上面做的兩個樣式,一個是5張圖,一個是9張圖,就要進(jìn)HTML進(jìn)行修改了。



教程一(帶圖片說明的樣式)



進(jìn)入到“HTML”模式,找到<section .........>          </section>這段代碼,先選擇Ctrl+C復(fù)制。


然后在此段代碼結(jié)尾處敲回車鍵換行,再選擇Ctrl+V粘貼。


粘貼幾次,樣式就會在原有四張的基礎(chǔ)上多出幾張,胖友們可以根據(jù)自己的需求進(jìn)行多次粘貼。



教程二



進(jìn)入到“HTML”模式,找到<img src=........./>這段代碼,先選擇Ctrl+C復(fù)制,然后在此段代碼結(jié)尾處,再Ctrl+V粘貼。


同上個樣式,粘貼幾次,樣式就會在原有四張的基礎(chǔ)上多出幾張,胖友們可以根據(jù)自己的需求進(jìn)行多次粘貼。



為了樣式的美感,三兒還是有三點建議給大家。


1、圖片請保持尺寸一致。否則會導(dǎo)致圖片層次不齊。


2、尺寸請500x500以上。否則可能會使圖片不清楚。


3、圖片大小盡可能小點。否則瀏覽時加載會不流暢。




更多好玩樣式,請進(jìn)樣式中心搜索“滾動





來,評論區(qū)猜一猜,這個是怎么做的?

左 右 滑 動 查 看 更 多



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