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、圖片大小盡可能小點。否則瀏覽時加載會不流暢。
來,評論區(qū)猜一猜,這個是怎么做的?
立即登錄